首先這是一篇自吹自擂的文章,主題是由多位非前端程式員共同開發,目前經過一年半的迭代已經到達 v1.8.0 版本,并且獲得大量認可,甚至某大廠員工已經選用作為內部博客,因此我決定寫這篇文章向更多人安利它,
什么是 Hexo ?
Hexo 是一個快速、簡潔且高效的博客框架,基于 Node.js 開發,Hexo 使用 Markdown 決議文章,并生成靜態頁面,非常便于靜態部署和加載,許多人把頁面存在 GitHub Pages 或 OSS 上,連服務器都省了,
Hexo 開發社區也非常活躍,貢獻了有 300 多款可選插件,實作了包括自動部署、自動提交搜索引擎、自動提交圖床等大量自動化功能,
關于 Hexo 主題
由于 Hexo 框架非常輕量,只包含靜態頁面的生成,以及文章的分類頁,甚至沒有后臺管理,但簡約的框架總能激發開發者們的開發欲望,于是大量形態各異的主題誕生了,目前官方收錄了 300 多款主題,
其中比較老牌并且用戶量最多的是 Next 主題,你就算不知道這個名字,也一定見過它的樣式,如下圖:

不要小看這黑白外表,這款主題已經迭代到 7.7 版本,前后兩位大佬負責開發維護,現在的維護者 stevenjoezhang 已經貢獻了 13 萬行代碼!

所以主題看上去只是換皮膚,但自由發揮起來也是擼碼無底洞,
我們也開發了主題
雖然目前已經有諸如 Next 這種老牌且功能強大的主題,但主題最主要的仍然是外觀和頁面互動,我個人是偏愛 Material Design 有層次的風格,Next 這種黑白極簡的平面樣式有點不對我味口,
于是一款名為「Fluid」的 Hexo 主題誕生了(原名為「Material-T」),這是由我與專案原作者 @0x2E 兩位前端苦手共同開發的主題專案,
以下是我們主題的首頁截圖:

再來一張文章頁面的截圖:

目前具有的功能特性:
- [x] 圖片懶加載
- [x] 自定義代碼高亮方案
- [x] 內置多語言
- [x] 支持多款評論插件
- [x] 支持使用資料檔案存放配置
- [x] 自定義靜態資源 CDN
- [x] 無比詳實的用戶檔案
- [x] 內置文章搜索
- [x] 頁腳備案資訊
- [x] 網頁訪問統計
- [x] 支持 LaTeX 數學公式
- [x] 支持 mermaid 流程圖
- [x] 音樂播放器
該主題相較于其他主題的優勢:
- 優雅的顏值,使用 Material Design 風格突出層次感,但又不失簡約,讓用戶能專注于寫作;
- 提供大量定制化配置項,使每個用戶使用該主題都能具有獨特的樣式;
- 回應式頁面,適配手機、平板等設備,包括極端的解析度都能輕松應對;
- 主題中少有的整合了 LaTeX 和 mermaid 的支持
相關鏈接
GitHub: https://github.com/fluid-dev/hexo-theme-fluid
Preview: https://hexo.fluid-dev.com/
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/14148.html
標籤:其他
