一款被大廠選用的 Hexo 博客主題

首先這是一篇自吹自擂的文章，主題是由多位非前端程序員共同開發，目前通過一年半的迭代已經到達 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] 音樂播放器

該主題相較於其餘主題的優點：

1. 優雅的顏值，使用 Material Design 風格突出層次感，但又不失簡約，讓用戶能專一於寫做；
2. 提供大量定製化配置項，使每一個用戶使用該主題都能具備獨特的樣式；
3. 響應式頁面，適配手機、平板等設備，包括極端的分辨率都能輕鬆應對；
4. 主題中少有的整合了 LaTeX 和 mermaid 的支持

相關連接

GitHub: https://github.com/fluid-dev/hexo-theme-fluid

Preview: https://hexo.fluid-dev.com/