常用前端开源静态网站推荐

简介: 常用前端开源静态网站推荐

一、为什么要用静态网站

作为技术人,谁不想拥有一个自己的网站的呢?

一般市面上成熟的个人博客产品,比如wordpress,缺点是太重了。

太重的代价就是服务器配置不高就会比较卡,但是静态网站就没有这个问题,经过build出来的网页文件,可以放在任何地方,包括Github Pages、web服务器、CDN,服务器的成本一下子就省下来了。


二、推荐

1. Gatsby

https://www.gatsbyjs.com/

Gatsby 使开发人员能够使用基于 React 的框架和创新的数据层构建快速、安全且功能强大的网站,这使得将不同的内容、API 和服务集成到一个 Web 体验中非常简单。

2. Next.js

https://nextjs.org/

Next.js 是另一款极为热门的 React 混合框架。 它可以帮助您构建出色的文档站点,但并不着重于文档功能本身。

3. VuePress

https://vuepress.vuejs.org/

VuePress 由两部分组成:带有 Vue 驱动的主题系统和插件 API 的简约静态站点生成器 (opens new window),以及为编写技术文档而优化的默认主题。 它的创建是为了支持 Vue 自己的子项目的文档需求。

4. MkDocs

https://www.mkdocs.org/

MkDocs 是一个快速、简单、华丽的静态站点生成器,用于构建项目文档。 文档源文件用 Markdown 编写,并使用单个 YAML 配置文件进行配置。

5. Docsify

https://docsify.js.org/

docsify 即时生成您的文档网站。 与 GitBook 不同的是,它不会生成静态 html 文件。 相反,它会巧妙地加载和解析您的 Markdown 文件并将它们显示为网站。 要开始使用它,您需要做的就是创建一个 index.html 并将其部署在 GitHub Pages 上。

6. GitBook

https://www.gitbook.com/

GitBook 是一个现代文档平台,团队可以在其中记录从产品到内部知识库和 API 的所有内容。

7.docusaurus

https://www.docusaurus.io/

Docusaurus 是一款静态站点生成器。 可以搭建带有快速客户端导航的单页应用,充分利用了React让你的网站具有交互能力。 它提供了开箱即用的文档功能,不过也可用于搭建各种网站(个人网站,产品,博客,营销登陆页,等)。

8. Jekyll

https://jekyllrb.com/

Jekyll 是一个静态站点生成器。 它采用您最喜欢的标记语言编写的文本,并使用布局创建一个静态网站。 您可以调整网站的外观、URL、页面上显示的数据等等。

三、总结

本文非常简略地介绍了一些静态网站产品。

市面上的静态网站的开源产品很多,对于自己用来说,选择适合自己的就好。

那么,如何做到适合自己呢?大概以下几点:

  • 熟悉背后的语言,比如是选react还是vue;
  • 能自己编写插件甚至主题;
  • 能配置自动化部署。

祝各位都能找到适合自己的静态网站,并越做越好!

相关文章
|
5月前
|
前端开发 JavaScript 数据安全/隐私保护
推荐6款超级好看的开源中后台前端框架
推荐6款超级好看的开源中后台前端框架
471 0
|
11月前
|
前端开发 JavaScript CDN
推荐一款稳定快速免费的前端开源项目 CDN 加速服务
推荐一款稳定快速免费的前端开源项目 CDN 加速服务
316 0
|
JSON 前端开发 JavaScript
前端(十七)——gitee上开源一个移动端礼盒商城项目(前端+后台)
前端(十七)——gitee上开源一个移动端礼盒商城项目(前端+后台)
138 0
|
10天前
|
缓存 移动开发 Rust
前端构建工具 Mako 开源了
Hi,我是 sorrycc,Mako 的主要负责人之一,也是 Umi、Dva、Father 等库的作者。 很开心,Mako 终于开源了! Github 地址:https://github.com/umijs/mako/ 今天和大家正式介绍下他。
|
2月前
|
开发框架 前端开发 JavaScript
【Vue 3】一款开箱即用的中后台前端开发框架,开源且免费!!
【Vue 3】一款开箱即用的中后台前端开发框架,开源且免费!!
|
3月前
|
开发框架 前端开发 JavaScript
若依怎样看开发文档,域名搜这个就行ruoyi.vip,建链接点击在线文档,有前端手册和后端手册,若依文档里有项目扩展,项目扩展有大量的开源的软件
若依怎样看开发文档,域名搜这个就行ruoyi.vip,建链接点击在线文档,有前端手册和后端手册,若依文档里有项目扩展,项目扩展有大量的开源的软件
|
5月前
|
开发框架 前端开发 定位技术
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
【4月更文挑战第30天】Flutter插件市场和开源资源加速开发进程。pub.dev是官方插件库,提供大量第三方插件,节约时间和保证质量。选择插件时关注功能需求、评价及维护状况。开源资源作为学习、解决问题和创新的平台,需注意版权、代码质量和兼容性。案例分析展示插件应用,开源社区促进交流与技术进步,未来市场将持续发展。善用资源,提升开发效率与项目竞争力。
133 0
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
|
5月前
|
Dart 数据处理 开发者
【Flutter前端技术开发专栏】Flutter是谷歌的开源移动框架,以其高性能和跨平台能力受开发者青睐。
【4月更文挑战第30天】Flutter是谷歌的开源移动框架,以其高性能和跨平台能力受开发者青睐。本文聚焦Flutter开发关键知识点:1) Dart语言和Flutter框架基础,如Widget和State;2) 路由管理,包括基本和命名路由,以及路由传值;3) 使用http、dio等库进行网络请求和数据处理;4) ThemeData定义应用主题,实现样式主题化。掌握这些技能将提升Flutter开发效率和应用质量。
52 0
|
5月前
|
人工智能 前端开发 API
借助chat-web前端开源项目搭建属于自己的ChatGPT镜像站
借助chat-web前端开源项目搭建属于自己的ChatGPT镜像站
410 0
|
5月前
|
数据采集 移动开发 前端开发
2023年, 前端路上的开源总结(最新更新)
2023年, 前端路上的开源总结(最新更新)
47 0
下一篇
无影云桌面