博客 / 詳情

返回

爆肝1個多月,嚴選10大熱門靜態博客框架,官方文檔、教學視頻、經典案例、熱門插件一應俱全,強烈建議收藏

【文章編號 t001】

凌晨 12 點,我有一位朋友,在電話裏,氣憤地説他的博客文章又被平台刪掉了。

我很好奇為什麼,原來是他在某平台發佈了一篇技術類原創文章,讀者都比較喜歡。後來,他把這篇文章轉發到另外一個平台。可是,偏偏不巧,這兩個平台彼此是商業競爭關係。不允許一篇文章在 2 個平台發佈,文章被刪後,把我的朋友氣得上躥下跳。

我聽完後,卻很平靜。這就是資本壟斷的力量,很多自媒體平台都在追求一家獨大,卧榻之下,豈容他人酣睡。彼此的惡性競爭,早已經不在乎用户的感受了。

創作者辛苦熬肝數月,文章卻遭受平台審核不通過,或者已發佈的文章竟被無情的插入各種廣告。文章的鏈接或者二維碼,轉發到其他平台竟被無情封殺。或是文章要不過不了審,要不直接被刪除。

對他表示同情的同時,我不經深思,是否有辦法,在互聯網上自由的創作,自由的發聲呢?破釜沉舟,打破枷鎖,我們失去的只有鎖鏈。

要想徹底解決這一難題,只能運用個人編程技術,逃離各大自媒體平台,自建博客網站。

通過搜索和查閲大量公開資料,我發現網上有許多自建博客網站的技術,但是很多框架,要不就是作者長期不維護,要不就是用户少社區不活躍,要不就是插件和主題少的可憐,要不就是沒有中文文檔。

經過我一個月的精心研究和反覆比較,最終精選出10大技術框架,這些技術框架都是開源免費的。分享給大家,歡迎白嫖。學完你一定有所收穫。

文章中提供了大量的網站鏈接,國內國外的都有。若是訪問速度慢,可以參考如下截圖。

a

10 Solo

Solo,號稱是一款小而美的動態博客系統,專為程序員設計。最大特點就是自帶社區,自己的文章可以發送到社區中。社區回帖和博客評論進行聯動。讓每一個博客不是孤島,而是滿天相互聯繫的星星。

https://b3log.org/solo 是它的官方網站,使用Java 語言編寫,有點像新浪博客,直接註冊使用,零技術門檻。

不過,還是推薦有技術背景的小夥伴,下載源碼,自行部署。

官方文檔叫做《Solo 從設計到實現》,地址為 https://ld246.com/article/153... 。

主要功能:

Markdown 編輯器支持三種編輯模式:所見即所得 / 即時渲染 / 分屏預覽

自定義導航鏈接

隨機文章 / 相關文章 / 置頂 / 更新提醒

自定義文章永久鏈接 / 簽名檔

配置站點 SEO 參數 / 公告 / 頁腳

代碼高亮 / 數學公式 / 流程圖 / 五線譜

Hexo / Jekyll / Markdown 導入

Atom / RSS / Sitemap

CDN 靜態資源分離,可配置 jsDelivr CDN 分發

拉取 GitHub 倉庫和自動備份

內置 HTTPS+CDN 文件存儲

支持生成導出靜態站點,用於發佈GitHub Pages

同時,給大家挑選出幾個優秀的博客代表作,參考一下。

https://88250.b3log.org/?utm_...

https://www.rainsheep.cn/?utm...

https://leif.fun/?utm_source=...

https://expoli.tech/?p=2

https://www.lyile.cn/?utm_sou...

官方文檔已經非常詳細,若是你不喜歡看文字,我還幫大家找到一些優質的教學視頻。歡迎收藏學習。

https://www.bilibili.com/vide...

09 Pelican

Pelican,由 Python 語言編寫的靜態網站生成器。

官網為:https://blog.getpelican.com 。

它是熟悉Python同學的首選,支持Markdown 和 reStructuredText 語法。

可以使用Jinja 模板自定義主題,支持從 WordPress 遷移博客等等。

它有一些新特性:

與外部服務集成

站點主題(使用Jinja2模板創建)

以多種語言發表文章

生成 Atom 和 RSS 提要

代碼語法高亮

從 WordPress、Dotclear 或 RSS 源導入現有內容

由於內容緩存和選擇性輸出寫入,快速重建時間

可通過豐富的插件生態系統進行擴展

我在 gitHub 上幫大家找到很多好看的主題,網站為:https://github.com/getpelican... ,以及大量的插件,即 https://github.com/getpelican... 。

另外,這裏幫大家找到幾個優秀的網站案例,學習參考一下吧。

https://www.fullstackpython.com

https://nairobilug.github.io/...

https://elegant.oncrashreboot...

08 Hexo

圖片

Hexo,它是一個快速簡潔高效的博客框架。

官方網站為:https://hexo.io 。

使用 Markdown解析文章,只需要幾秒,就能生成一個靚麗的靜態網頁。

官網支持中文,打開官方文檔,有詳細地使用説明,一行代碼 安裝搞定 npm install -g hexo-cli 。

同時兼容 Window Mac Linux ,做到真正的跨平台。

它擁有豐富的插件。例如,為網站添加後台UI 界面,即:hexo-admin-ehc ;

為 Hexo 添加嗶哩嗶哩番劇頁面,即:hexo-bilibili-bangumi ;給代碼塊添加codepen,即:hexo-codepen ;整合七牛雲接口 保存圖片方便快捷,即:hexo-deployer-qiniucloud2 。

它還有豐富的主題,官網收錄300多個優秀主題,下面是我精挑的幾個,經供參考。

https://www.madelove.top

http://flygon.net

http://carlos-algms.github.io

https://meethigher.top

https://huaji8.top

Github 就是一個大寶藏。上面有大量 star 過萬的主題,輸入 hexo theme ,排名前十的,都值得擁有。

若你是技術小白,我幫你找到幾套教學視頻,方便快速上手。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

07 Jekyll

圖片

Jekyll,一個簡單的博客靜態站點生成器,官網為:https://jekyllrb.com 。

它支持Markdown 和 Textile 格式,大家熟悉的GitHub Pages ,就是基於 Jekyll 構建。使用 GitHub Pages ,就不用花錢購買服務器,直接部署網站在GitHub 上。

官網沒有對應的中文版,我幫大家找到一個不錯的中文翻譯網站,網址為:http://jekyllcn.com 。

還幫大家找到大量的主題,

即:https://github.com/jekyll/jek... 。

上面有很多主題,如下是我嚴選推薦。

https://www.chenjun.com

https://robotkang.cc/archive

https://developmentseed.org

https://www.macmillanfilms.com

這裏幫大家找到幾套教學視頻,方便大家快速入門。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

06 Octpress

圖片

Octopress,一個為黑客設計的博客網站。

官方網址:http://octopress.org

使用Ruby語言編寫,基於 Jekyll設計的博客框架。它是Jekyll 的增強版,讓插件的安裝和刪除更加容易,更容易集成樣式表、圖片、字體等。

內置對Twitter Google Analytics 等第三方的支持,完全是Jekyll的全新升級。

官方提供很多炫酷的主題和插件,直接在 gitHub 上獲取。網址為:

https://github.com/imathis/oc...

同時附上一些教學視頻,幫助你快速搭建個人博客。

https://www.bilibili.com/vide...

https://www.youtube.com/watch...

05 Hugo

hugo

Hugo,一種用 Go 語言編寫的靜態網站生成器。簡單、易用、高效、易擴展、快速部署。

它號稱是世界上最快的框架。官網為:https://gohugo.io 。

它的中文網站隱藏的比較深,不過我還是幫大家找到了 ,即:

https://www.gohugo.org

Hugo 具備如下特點:

極快的頁面編譯生成速度

完全跨平台支持,可以運行在 Mac OS X, Linux, Windows,等

安裝方便 Installation

本地調試 Usage 時通過 LiveReload 自動即時刷新頁面。

完全的皮膚支持

可以部署在任何的支持 HTTP 的服務器上

官網提供很多優秀的網站作品,挑幾個欣賞一下。

https://spf13.com

http://andrewcodispoti.com

https://antzucaro.com

http://checkmyws.github.io/ys...

https://www.chineseboost.com

看過中文文檔的小夥伴,會發現文檔超級無敵詳細。不過,還是幫小夥伴找了幾個不錯的教學視頻,視頻入門比較快。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

04 VuePress

vuepress

VuePress,一個以 Markdown 為中心的靜態網站生成器。官網為:https://vuepress.vuejs.org 。

誕生的初衷是為了支持Vue 的文檔需求,熟悉vue 框架的開發者首選。它可以生成一個單頁面應用(SPA)。使用體驗就好像手機上的app。而且對 SEO 也非常友好。

官網有詳細的幫助文檔,支持中英文語言選擇,方便學習和查閲。

官網上的插件和主題有限,不過沒有關係。我幫大家在github 上找到很多社區愛好者開發的插件和主題。非常豐富,大膽放心食用。

網址為:

https://github.com/vuepress/a...

官網也沒有示例網站和模板推薦,我也幫大家找到幾個不錯的作品,供大家參考和學習。

https://thuycom.studio

https://www.meteorlxy.cn

https://zpj80231.github.io/znote

https://dt.in.th

https://cr-vue.mio3io.com

網上的教學視頻,質量也挺高。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

https://www.youtube.com/watch...

03 GitBook

gitbook

gitbook,一個專注文檔管理的平台。官方文檔為:https://docs.gitbook.com/

網站好比一本電子書,左邊目錄導航 右邊文章內容,適合大眾的閲讀習慣。

最初幾個版本是開源的,後來進行商業化,用户一註冊就可以直接發佈文章。

但是經過我多次的踩雷,發現它致命的弱點,文檔每次導出常常顯示失敗。而且得到是Json格式而不是html格式,也無法重新導入。

還有官方服務器在國外,速度和訪問限制讓人淚流滿面,所以還是推薦大家放棄商業版,使用真香的開源版 。

我使用早期的 gitbook 3.0.0進行搭建個人博客。網上有大量的幫助文檔可以參考。初學者入門推薦這篇:

https://wukongnotnull.blog.cs...

同樣,這裏幫大家找到一些優秀的網站案例,僅供參考。

https://docs.gitbook.com

https://docs.getcensus.com

http://docs.forestadmin.com

https://www.electronforge.io

推薦這2個教學視頻,30分鐘搞定。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

02 docsify

docsify

Docsify ,官網為:https://docsify.js.org 。口號是一個神奇的文檔網站生成器。

當我發現它時,感覺遇到了寶藏,非常興奮。無需構建和編譯成html,直接發佈markdown 就搞定。

你要的主題和插件,我都幫你找到,放這裏。https://github.com/docsifyjs/... 。

使用它的公司,也個個大牌,比如:

餓了麼

https://elemefe.github.io/vue...

阿里巴巴

https://apache.github.io/incu...

Netflix https://netflix.github.io/pol...

Amazon

https://amzn.github.io/style-...

教學視頻放在這裏,歡迎自取。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

01 WordPress

wordpress

WordPress ,一個基於PHP和MySQL的免費開源內容管理系統。它不單單適合程序員自建網站,也適合沒有技術背景的普通用户搭建個人網站或者公司門户網站。

官網為:https://wordpress.org 。

全球使用最廣泛的CMS軟件,8 千多個免費主題。

即:https://cn.wordpress.org/themes

5 萬多個免費插件,具有強大的生態支持。通過這個鏈接

https://wordpress.org/showcase ,你可以訪問到大量的優秀案例。

比如,波士頓大學招生網站 https://www.bu.edu/admissions

奧巴馬個人網站 https://www.obama.org

這是世界上最快的男人,博爾特的個人網站 http://usainbolt.com

微軟新聞網站 https://news.microsoft.com

如果免費的模板還不能讓你滿足,推薦2個受歡迎的收費網站,上面有大量精美的模板,即:

https://themeforest.net

https://elements.envato.com

wordPress教學視頻網上巨多,可見它的受歡迎程度。如下推薦3套,大膽食用,感覺還不錯。

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

https://www.bilibili.com/vide...

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.