搭建部落格、自己的小窩?快來看看這些開源靜態網站生成器
作者:HelloGitHub-ChungZH
相信很多人都想要搭建一個自己的部落格或是給專案做文件網站。本文將要推薦的靜態網站生成器(Static Site Generator, SSG),它做的事情就是把你的文件、內容(通常為 Markdown 檔案)生成可釋出成網站(html)的工具,這樣你就可以專心創作,同時也有了一塊自己發表自己想法的網站。然後 GitHub、Gitee 等均支援免費 Page 服務,通過簡單的配置 SSG 就可以實現一條命令釋出,有一個自己小窩就是這麼簡單和方便~
下面就是 HelloGitHub 精心挑選的 GitHub 上流行、優秀的開源靜態網站生成器,歡迎小夥伴們評鑑討論。
1. Hexo
GitHub 倉庫:https://github.com/hexojs/hexo
Stars 數量:29.6k
官方網站:https://hexo.io
Hexo 使用 Node.js 開發,很流行。它有數以百計的主題和外掛,支援 GFM(GitHub Flavored Markdown),只需要一條命令也能將 Hexo 網站部署到 GitHub Pages、Heroku 等平臺上。目前 Vue.js 的官方文件就由它驅動著。不過 Hexo 的速度對比其他框架而言,並不算非常快。
這裡順便安利一個 Hexo 的教程:EasyHexo。
2. Hugo
GitHub 倉庫:https://github.com/gohugoio/hugo
Stars 數量:41.9k
官方網站:https://gohugo.io/
Hugo 使用 Go 語言開發,號稱”世界上最快的網頁生成器“。Stars 數量遠高於 Hexo。目前有三百多個主題。
3. VuePress
GitHub 倉庫:https://github.com/vuejs/vuepress
Stars 數量:15.6k
官方網站:https://vuepress.vuejs.org/zh/
VuePress 在一眾生成器之中算是一個”後起之秀“,起初由尤雨溪牽頭開發。等發展到一定程度之後,將會取代 Hexo 成為 Vue.js 官方文件的生成器。它基於 Vue,可以在 Markdown 中使用 Vue 元件,又可以使用 Vue 來開發自定義主題。
4. MkDocs
GitHub 倉庫:https://github.com/mkdocs/mkdocs
Stars 數量:9.1k
官方網站:http://www.mkdocs.org/
MkDocs 使用 Python 開發,更偏向於文件生成。使用者不是特別多,只有十幾個主題。
5. Gatsby
GitHub 倉庫:https://github.com/gatsbyjs/gatsby
Stars 數量:42.5k
官方網站:https://www.gatsbyjs.org/
Gatsby 作為 GitHub 上面 #static-site-generator
話題最多 Star 數量的專案,基於 React。它超越了靜態網站,更強大。可以從任何地方載入資料。
6. Docsify
GitHub 倉庫:https://github.com/docsifyjs/docsify
Stars 數量:12.6k
官方網站:https://docsify.js.org/
Docsify 同樣基於 Vue,偏向於文件,動態生成網頁,最大的特點是它只有一個 index.html
,在你開啟網頁的時候才開始生成。Docsify 還相容 IE 11。缺點是對 SEO 並不太友好。
7. Jekyll
GitHub 倉庫:https://github.com/jekyll/jekyll
Stars 數量:39.8k
官方網站:https://jekyllrb.com/
Jekyll 使用 Ruby 開發,它足夠簡單,能夠讓你專注於內容。它有將近四百種主題和兩百多個外掛,光這兩項就足以證明它的優秀。
最後提醒一下大家,寫部落格最重要的是內容,所以你選好一個生成器、挑一個喜歡的主題之後,不要過度折騰、美化,內容才是最重要的。
關注公眾號加入交流群