個個身懷絕技,搭建個人博客,最想推薦的10大框架,強烈建議收藏


【文章編號 t001】

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

圖片

 

 

#10 Solo

圖片

 

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

 

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

 

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

 

官方文檔叫做《Solo 從設計到實現》,地址為 //ld246.com/article/1537690756242?utm_source=ld246.com

 

主要功能:

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

自定義導航鏈接

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

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

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

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

Hexo / Jekyll / Markdown 導入

Atom / RSS / Sitemap

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

拉取 GitHub 倉庫和自動備份

內置 HTTPS+CDN 文件存儲

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

 

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

//88250.b3log.org/?utm_source=ld246.com

//www.rainsheep.cn/?utm_source=ld246.com

//leif.fun/?utm_source=ld246.com

//expoli.tech/?p=2

//www.lyile.cn/?utm_source=ld246.com

 

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

//www.bilibili.com/video/BV1xz4y1k783

 

 

 

 

 

 

 

 

 

#09 Pelican

圖片

 

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

官網為://blog.getpelican.com

 

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

 

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

 

它有一些新特性:

與外部服務集成

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

以多種語言發表文章

生成 Atom 和 RSS 提要

代碼語法高亮

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

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

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

 

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

 

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

//www.fullstackpython.com

//nairobilug.github.io/pelican-alchemy

//elegant.oncrashreboot.com

 

 

 

 

 

 

 

 

#08 Hexo

圖片

 

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

官方網站為://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多個優秀主題,下面是我精挑的幾個,經供參考。

//www.madelove.top

//flygon.net

//carlos-algms.github.io

//meethigher.top

//huaji8.top

 

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

 

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

//www.bilibili.com/video/av44544186

//www.bilibili.com/video/BV1cW411A7Jx

//www.bilibili.com/video/BV1U64y1a7tM

 

 

 

 

 

 

 

 

#07 Jekyll

圖片

 

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

 

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

 

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

 

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

即://github.com/jekyll/jekyll/wiki/Sites

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

//www.chenjun.com

//robotkang.cc/archive

//developmentseed.org

//www.macmillanfilms.com

 

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

//www.bilibili.com/video/BV1qs41157ZZ

//www.bilibili.com/video/BV14x411t7ZU

//www.bilibili.com/video/BV1SW411Z7q8

 

 

 

 

 

 

 

 

#06 Octpress

圖片

 

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

官方網址://octopress.org


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

 

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

 

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

//github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes

 

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

//www.bilibili.com/video/BV1EE411G7yo

//www.youtube.com/watch?v=kFZX9bkIgyM

 

 

 

 

 

 

 

 

#05 Hugo

圖片

 

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

 

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

 

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

//www.gohugo.org

 

Hugo 具備如下特點:

極快的頁面編譯生成速度

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

安裝方便 Installation

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

完全的皮膚支持

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

 

 

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

//spf13.com

//andrewcodispoti.com

//antzucaro.com

//checkmyws.github.io/yslow-rules

//www.chineseboost.com

 

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

//www.bilibili.com/video/BV1q4411i7gL

//www.bilibili.com/video/BV1x64y117PX

//www.bilibili.com/video/BV13c411h7k7

 

 

 

 

 

 

 

 

#04 VuePress

圖片

 

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

 

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

 

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

 

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

網址為:

//github.com/vuepress/awesome-vuepress

 

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

//thuycom.studio

//www.meteorlxy.cn

//zpj80231.github.io/znote

//dt.in.th

//cr-vue.mio3io.com

 

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

//www.bilibili.com/video/BV17t41177cr?p=8

//www.bilibili.com/video/BV1vb411m7NY

//www.youtube.com/watch?v=5Kqyhu_eIcw

 

 

 

 

 

 

 

 

#03 GitBook

圖片

 

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

 

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

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

 

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

 

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

 

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

//wukongnotnull.blog.csdn.net/article/details/119711233

 

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

//docs.gitbook.com

//docs.getcensus.com

//docs.forestadmin.com

//www.electronforge.io

 

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

//www.bilibili.com/video/BV1dv411J7B8

//www.bilibili.com/video/BV1Uv411p7Sg

 

 

 

 

 

 

 

 

#02 docsify

圖片

 

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

 

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

 

你要的主題和插件,我都幫你找到,放這裡。//github.com/docsifyjs/awesome-docsify

 

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

餓了么

//elemefe.github.io/vue-amap

阿里巴巴

//apache.github.io/incubator-weex-ui

Netflix //netflix.github.io/pollyjs/#/README

Amazon

//amzn.github.io/style-dictionary

 

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

//www.bilibili.com/video/BV14U4y1x7jH

//www.bilibili.com/video/BV1kT4y1T7wY

 

 

 

 

 

 

 

 

#01 WordPress

圖片

 

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

官網為://wordpress.org

 

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

即://cn.wordpress.org/themes

 

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

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

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

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

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

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

 

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

//themeforest.net

//elements.envato.com

 

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

//www.bilibili.com/video/BV1St411s7VL

//www.bilibili.com/video/BV1az4y1d7Ai

//www.bilibili.com/video/BV18V411Y727