1. 程式人生 > >搭建部落格、自己的小窩?快來看看這些開源靜態網站生成器

搭建部落格、自己的小窩?快來看看這些開源靜態網站生成器

作者: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 開發,它足夠簡單,能夠讓你專注於內容。它有將近四百種主題和兩百多個外掛,光這兩項就足以證明它的優秀。


最後提醒一下大家,寫部落格最重要的是內容,所以你選好一個生成器、挑一個喜歡的主題之後,不要過度折騰、美化,內容才是最重要的。


關注公眾號加入交流群