推荐10款好用的开源静态站点

2024-10-08 16:51:23 浏览数 (1)

开源的静态站点可以帮助我们快速构建想要的应用,这里推荐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/

0 人点赞