個個身懷絕技,搭建個人博客,最想推薦的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
//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 。
另外,這裡幫大家找到幾個優秀的網站案例,學習參考一下吧。
//nairobilug.github.io/pelican-alchemy
#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多個優秀主題,下面是我精挑的幾個,經供參考。
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.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 。
它的中文網站隱藏的比較深,不過我還是幫大家找到了 ,即:
Hugo 具備如下特點:
極快的頁面編譯生成速度
完全跨平台支持,可以運行在 Mac OS X, Linux, Windows,等
安裝方便 Installation
本地調試 Usage 時通過 LiveReload 自動即時刷新頁面。
完全的皮膚支持
可以部署在任何的支持 HTTP 的服務器上
官網提供很多優秀的網站作品,挑幾個欣賞一下。
//checkmyws.github.io/yslow-rules
看過中文文檔的小夥伴,會發現文檔超級無敵詳細。不過,還是幫小夥伴找了幾個不錯的教學視頻,視頻入門比較快。
//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
官網也沒有示例網站和模板推薦,我也幫大家找到幾個不錯的作品,供大家參考和學習。
網上的教學視頻,質量也挺高。
//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
同樣,這裡幫大家找到一些優秀的網站案例,僅供參考。
推薦這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 。
使用它的公司,也個個大牌,比如:
餓了么
阿里巴巴
//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 千多個免費主題。
5 萬多個免費插件,具有強大的生態支持。通過這個鏈接
//wordpress.org/showcase ,你可以訪問到大量的優秀案例。
比如,波士頓大學招生網站 //www.bu.edu/admissions
奧巴馬個人網站 //www.obama.org
這是世界上最快的男人,博爾特的個人網站 //usainbolt.com
微軟新聞網站 //news.microsoft.com
如果免費的模板還不能讓你滿足,推薦2個受歡迎的收費網站,上面有大量精美的模板,即:
wordPress教學視頻網上巨多,可見它的受歡迎程度。如下推薦3套,大膽食用,感覺還不錯。
//www.bilibili.com/video/BV1St411s7VL
//www.bilibili.com/video/BV1az4y1d7Ai