【文章編號 t001】
凌晨 12 點，我有一位朋友，在電話裡，氣憤地說他的部落格文章又被平臺刪掉了。
我很好奇為什麼，原來是他在某平臺釋出了一篇技術類原創文章，讀者都比較喜歡。後來，他把這篇文章轉發到另外一個平臺。可是，偏偏不巧，這兩個平臺彼此是商業競爭關係。不允許一篇文章在 2 個平臺釋出，文章被刪後，把我的朋友氣得上躥下跳。
我聽完後，卻很平靜。這就是資本壟斷的力量，很多自媒體平臺都在追求一家獨大，臥榻之下，豈容他人酣睡。彼此的惡性競爭，早已經不在乎使用者的感受了。
創作者辛苦熬肝數月，文章卻遭受平臺稽核不通過，或者已釋出的文章竟被無情的插入各種廣告。文章的連結或者二維碼，轉發到其他平臺竟被無情封殺。或是文章要不過不了審，要不直接被刪除。
對他表示同情的同時，我不經深思，是否有辦法，在網際網路上自由的創作，自由的發聲呢？破釜沉舟，打破枷鎖，我們失去的只有鎖鏈。
要想徹底解決這一難題，只能運用個人程式設計技術，逃離各大自媒體平臺，自建部落格網站。
通過搜尋和查閱大量公開資料，我發現網上有許多自建部落格網站的技術，但是很多框架，要不就是作者長期不維護，要不就是使用者少社群不活躍，要不就是外掛和主題少的可憐，要不就是沒有中文文件。
經過我一個月的精心研究和反覆比較，最終精選出10大技術框架，這些技術框架都是開源免費的。分享給大家，歡迎白嫖。學完你一定有所收穫。
文章中提供了大量的網站連結，國內國外的都有。若是訪問速度慢，可以參考如下截圖。
#10 Solo
Solo，號稱是一款小而美的動態部落格系統，專為程式設計師設計。最大特點就是自帶社群，自己的文章可以傳送到社群中。社群回帖和部落格評論進行聯動。讓每一個部落格不是孤島，而是滿天相互聯絡的星星。
https://b3log.org/solo 是它的官方網站，使用Java 語言編寫，有點像新浪部落格，直接註冊使用，零技術門檻。
不過，還是推薦有技術背景的小夥伴，下載原始碼，自行部署。
官方文件叫做《Solo 從設計到實現》，地址為 https://ld246.com/article/1537690756242?utm_source=ld246.com 。
主要功能：
Markdown 編輯器支援三種編輯模式：所見即所得 / 即時渲染 / 分屏預覽
自定義導航連結
隨機文章 / 相關文章 / 置頂 / 更新提醒
自定義文章永久連結 / 簽名檔
配置站點 SEO 引數 / 公告 / 頁尾
程式碼高亮 / 數學公式 / 流程圖 / 五線譜
Hexo / Jekyll / Markdown 匯入
Atom / RSS / Sitemap
CDN 靜態資源分離，可配置 jsDelivr CDN 分發
拉取 GitHub 倉庫和自動備份
內建 HTTPS+CDN 檔案儲存
支援生成匯出靜態站點，用於釋出GitHub Pages
同時，給大家挑選出幾個優秀的部落格代表作，參考一下。
https://88250.b3log.org/?utm_source=ld246.com
https://www.rainsheep.cn/?utm_source=ld246.com
https://leif.fun/?utm_source=ld246.com
https://www.lyile.cn/?utm_source=ld246.com
官方文件已經非常詳細，若是你不喜歡看文字，我還幫大家找到一些優質的教學視訊。歡迎收藏學習。
https://www.bilibili.com/video/BV1xz4y1k783
#09 Pelican
Pelican，由 Python 語言編寫的靜態網站生成器。
官網為：https://blog.getpelican.com 。
它是熟悉Python同學的首選，支援Markdown 和 reStructuredText 語法。
可以使用Jinja 模板自定義主題，支援從 WordPress 遷移部落格等等。
它有一些新特性：
與外部服務整合
站點主題（使用Jinja2模板建立）
以多種語言發表文章
生成 Atom 和 RSS 提要
程式碼語法高亮
從 WordPress、Dotclear 或 RSS 源匯入現有內容
由於內容快取和選擇性輸出寫入，快速重建時間
可通過豐富的外掛生態系統進行擴充套件
我在 gitHub 上幫大家找到很多好看的主題，網站為：https://github.com/getpelican/pelican-themes ，以及大量的外掛，即 https://github.com/getpelican/pelican-plugins 。
另外，這裡幫大家找到幾個優秀的網站案例，學習參考一下吧。
https://www.fullstackpython.com
https://nairobilug.github.io/pelican-alchemy
https://elegant.oncrashreboot.com
#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多個優秀主題，下面是我精挑的幾個，經供參考。
Github 就是一個大寶藏。上面有大量 star 過萬的主題，輸入 hexo theme ，排名前十的，都值得擁有。
若你是技術小白，我幫你找到幾套教學視訊，方便快速上手。
https://www.bilibili.com/video/av44544186
https://www.bilibili.com/video/BV1cW411A7Jx
https://www.bilibili.com/video/BV1U64y1a7tM
#07 Jekyll
Jekyll，一個簡單的部落格靜態站點生成器，官網為：https://jekyllrb.com 。
它支援Markdown 和 Textile 格式，大家熟悉的GitHub Pages ，就是基於 Jekyll 構建。使用 GitHub Pages ，就不用花錢購買伺服器，直接部署網站在GitHub 上。
官網沒有對應的中文版，我幫大家找到一個不錯的中文翻譯網站，網址為：http://jekyllcn.com 。
還幫大家找到大量的主題，
即：https://github.com/jekyll/jekyll/wiki/Sites 。
上面有很多主題，如下是我嚴選推薦。
https://www.macmillanfilms.com
這裡幫大家找到幾套教學視訊，方便大家快速入門。
https://www.bilibili.com/video/BV1qs41157ZZ
https://www.bilibili.com/video/BV14x411t7ZU
https://www.bilibili.com/video/BV1SW411Z7q8
#06 Octpress
Octopress，一個為黑客設計的部落格網站。
官方網址：http://octopress.org
使用Ruby語言編寫，基於 Jekyll設計的部落格框架。它是Jekyll 的增強版，讓外掛的安裝和刪除更加容易，更容易整合樣式表、圖片、字型等。
內建對Twitter Google Analytics 等第三方的支援，完全是Jekyll的全新升級。
官方提供很多炫酷的主題和外掛，直接在 gitHub 上獲取。網址為：
https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes
同時附上一些教學視訊，幫助你快速搭建個人部落格。
https://www.bilibili.com/video/BV1EE411G7yo
https://www.youtube.com/watch?v=kFZX9bkIgyM
#05 Hugo
Hugo，一種用 Go 語言編寫的靜態網站生成器。簡單、易用、高效、易擴充套件、快速部署。
它號稱是世界上最快的框架。官網為：https://gohugo.io 。
它的中文網站隱藏的比較深，不過我還是幫大家找到了 ，即：
Hugo 具備如下特點：
極快的頁面編譯生成速度
完全跨平臺支援，可以執行在 Mac OS X, Linux, Windows,等
安裝方便 Installation
本地除錯 Usage 時通過 LiveReload 自動即時重新整理頁面。
完全的皮膚支援
可以部署在任何的支援 HTTP 的伺服器上
官網提供很多優秀的網站作品，挑幾個欣賞一下。
http://checkmyws.github.io/yslow-rules
看過中文文件的小夥伴，會發現文件超級無敵詳細。不過，還是幫小夥伴找了幾個不錯的教學視訊，視訊入門比較快。
https://www.bilibili.com/video/BV1q4411i7gL
https://www.bilibili.com/video/BV1x64y117PX
https://www.bilibili.com/video/BV13c411h7k7
#04 VuePress
VuePress，一個以 Markdown 為中心的靜態網站生成器。官網為：https://vuepress.vuejs.org 。
誕生的初衷是為了支援Vue 的文件需求，熟悉vue 框架的開發者首選。它可以生成一個單頁面應用（SPA）。使用體驗就好像手機上的app。而且對 SEO 也非常友好。
官網有詳細的幫助文件，支援中英文語言選擇，方便學習和查閱。
官網上的外掛和主題有限，不過沒有關係。我幫大家在github 上找到很多社群愛好者開發的外掛和主題。非常豐富，大膽放心食用。
網址為：
https://github.com/vuepress/awesome-vuepress
官網也沒有示例網站和模板推薦，我也幫大家找到幾個不錯的作品，供大家參考和學習。
https://zpj80231.github.io/znote
網上的教學視訊，質量也挺高。
https://www.bilibili.com/video/BV17t41177cr?p=8
https://www.bilibili.com/video/BV1vb411m7NY
https://www.youtube.com/watch?v=5Kqyhu_eIcw
#03 GitBook
gitbook，一個專注文件管理的平臺。官方文件為：https://docs.gitbook.com/
網站好比一本電子書，左邊目錄導航 右邊文章內容，適合大眾的閱讀習慣。
最初幾個版本是開源的，後來進行商業化，使用者一註冊就可以直接釋出文章。
但是經過我多次的踩雷，發現它致命的弱點，文件每次匯出常常顯示失敗。而且得到是Json格式而不是html格式，也無法重新匯入。
還有官方伺服器在國外，速度和訪問限制讓人淚流滿面，所以還是推薦大家放棄商業版，使用真香的開源版 。
我使用早期的 gitbook 3.0.0進行搭建個人部落格。網上有大量的幫助文件可以參考。初學者入門推薦這篇：
https://wukongnotnull.blog.csdn.net/article/details/119711233
同樣，這裡幫大家找到一些優秀的網站案例，僅供參考。
推薦這2個教學視訊，30分鐘搞定。
https://www.bilibili.com/video/BV1dv411J7B8
https://www.bilibili.com/video/BV1Uv411p7Sg
#02 docsify
Docsify ，官網為：https://docsify.js.org 。口號是一個神奇的文件網站生成器。
當我發現它時，感覺遇到了寶藏，非常興奮。無需構建和編譯成html，直接釋出markdown 就搞定。
你要的主題和外掛,我都幫你找到,放這裡。https://github.com/docsifyjs/awesome-docsify 。
使用它的公司，也個個大牌，比如：
餓了麼
https://elemefe.github.io/vue-amap
阿里巴巴
https://apache.github.io/incubator-weex-ui
Netflix https://netflix.github.io/pollyjs/#/README
Amazon
https://amzn.github.io/style-dictionary
教學視訊放在這裡，歡迎自取。
https://www.bilibili.com/video/BV14U4y1x7jH
https://www.bilibili.com/video/BV1kT4y1T7wY
#01 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個受歡迎的收費網站，上面有大量精美的模板，即：
wordPress教學視訊網上巨多，可見它的受歡迎程度。如下推薦3套，大膽食用，感覺還不錯。
https://www.bilibili.com/video/BV1St411s7VL
https://www.bilibili.com/video/BV1az4y1d7Ai