首先這是一篇自吹自擂的文章，主題是由多位非前端程序員共同開發(fā)，目前經過一年半的迭代已經到達 v1.8.0 版本，并且獲得大量認可，甚至某大廠員工已經選用作為內部博客，因此我決定寫這篇文章向更多人安利它。

什么是 Hexo ？

Hexo 是一個快速、簡潔且高效的博客框架，基于 Node.js 開發(fā)。Hexo 使用 Markdown 解析文章，并生成靜態(tài)頁面，非常便于靜態(tài)部署和加載，許多人把頁面存在 GitHub Pages 或 OSS 上，連服務器都省了。

Hexo 開發(fā)社區(qū)也非常活躍，貢獻了有 300 多款可選插件，實現(xiàn)了包括自動部署、自動提交搜索引擎、自動提交圖床等大量自動化功能。

關于 Hexo 主題

由于 Hexo 框架非常輕量，只包含靜態(tài)頁面的生成，以及文章的分類頁，甚至沒有后臺管理，但簡約的框架總能激發(fā)開發(fā)者們的開發(fā)欲望，于是大量形態(tài)各異的主題誕生了，目前官方收錄了 300 多款主題。

其中比較老牌并且用戶量最多的是 Next 主題，你就算不知道這個名字，也一定見過它的樣式，如下圖：

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

所以主題看上去只是換皮膚，但自由發(fā)揮起來也是擼碼無底洞。

我們也開發(fā)了主題

雖然目前已經有諸如 Next 這種老牌且功能強大的主題，但主題最主要的仍然是外觀和頁面交互。我個人是偏愛 Material Design 有層次的風格，Next 這種黑白極簡的平面樣式有點不對我味口。

于是一款名為「Fluid」的 Hexo 主題誕生了（原名為「Material-T」），這是由我與項目原作者 @Rook1e 兩位前端苦手共同開發(fā)的主題項目。

以下是我們主題的首頁截圖：

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

目前具有的功能特性：

• 圖片懶加載
• 自定義代碼高亮方案
• 內置多語言
• 支持多款評論插件
• 支持使用數(shù)據(jù)文件存放配置
• 自定義靜態(tài)資源 CDN
• 無比詳實的用戶文檔
• 內置文章搜索
• 頁腳備案信息
• 網頁訪問統(tǒng)計
• 支持 LaTeX 數(shù)學公式
• 支持 mermaid 流程圖
• 音樂播放器

該主題相較于其他主題的優(yōu)勢：

優(yōu)雅的顏值，使用 Material Design 風格突出層次感，但又不失簡約，讓用戶能專注于寫作；

提供大量定制化配置項，使每個用戶使用該主題都能具有獨特的樣式；

響應式頁面，適配手機、平板等設備，包括極端的分辨率都能輕松應對；

主題中少有的整合了 LaTeX 和 mermaid 的支持

相關鏈接

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

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

總結

以上是生活随笔為你收集整理的怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。