开源的静态站点可以帮助我们快速构建想要的应用,这里推荐10款好用的开源静态站点。
这些静态站点应用还有一个更优雅的名字:JAMStack
静态站点的主题汇总网站:https://jamstackthemes.dev/
JAMStack
- JAM:是 JavaScript、API 和 Markup 的首字母组合
- 本质上是一种胖前端,通过调用各种 API 来实现更多的功能
- 其实也是一种前后端的模式,只不过离得比较开,甚至前后端来自多个不同的厂商
hugo
介绍:用Go写的一个静态网站生成器,号称”世界上最快的网页生成器“。
star数:65k
官网:https://gohugo.io/
在线文档:https://gohugo.io/getting-started/quick-start/
开源地址:https://github.com/gohugoio/hugo
gatsby
介绍:Gatsby 作为 GitHub 上面 #static-site-generator
话题最多 Star 数量的项目,基于 React。它超越了静态网站,更强大。可以从任何地方加载数据。
star数:54.1k
官网:https://www.gatsbyjs.org/
开源地址:https://github.com/gatsbyjs/gatsby
Jekyll
介绍:Jekyll 使用 Ruby 开发,它足够简单,能够让你专注于内容。它有将近四百种主题和两百多个插件,光这两项就足以证明它的优秀。
star数:46k
官网:https://jekyllrb.com/
开源地址:https://github.com/jekyll/jekyll
hexo
介绍:快速、简洁且高效的博客框架
star数:36.1k
官网:https://hexo.io
开源地址:https://github.com/hexojs/hexo
docsify
介绍:Docsify 同样基于 Vue,偏向于文档,动态生成网页,最大的特点是它只有一个 index.html,在你打开网页的时候才开始生成。Docsify 还兼容 IE 11。缺点是对 SEO 并不太友好。
star数:22.6k
官网:https://docsify.js.org/
开源地址:https://github.com/docsifyjs/docsify
vuepress
介绍:VuePress 在一众生成器之中算是一个”后起之秀“,起初由尤雨溪牵头开发。等发展到一定程度之后,将会取代 Hexo 成为 Vue.js 官方文档的生成器。它基于 Vue,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题。
star数:21.2k
官网:https://vuepress.vuejs.org/zh/
开源地址:https://github.com/vuejs/vuepress
mkdocs
介绍:MkDocs 使用 Python 开发,更偏向于文档生成。用户不是特别多,只有十几个主题。
star数:15.8k
官网:http://www.mkdocs.org/
开源地址:https://github.com/mkdocs/mkdocs
gridsome
介绍:一个免费、开源、基于 vue.js 技术栈的静态网站生成器。
star数:8.4k
官网:https://gridsome.org/
开源地址:https://github.com/gridsome/gridsome
dumi
介绍:为组件研发而生的静态站点框架
star数:2.7k
官网:https://d.umijs.org/
开源地址:https://github.com/umijs/dumi
ProComponents是基于dumi进行二次开发的,开源复制其主题进行参考,https://procomponents.ant.design/