怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题
什么是 Hexo ?
Hexo 是一個快速、簡潔且高效的博客框架,基于 Node.js 開發。Hexo 使用 Markdown 解析文章,并生成靜態頁面,非常便于靜態部署和加載,許多人把頁面存在 GitHub Pages 或 OSS 上,連服務器都省了。
Hexo 開發社區也非?;钴S,貢獻了有 300 多款可選插件,實現了包括自動部署、自動提交搜索引擎、自動提交圖床等大量自動化功能。
關于 Hexo 主題
由于 Hexo 框架非常輕量,只包含靜態頁面的生成,以及文章的分類頁,甚至沒有后臺管理,但簡約的框架總能激發開發者們的開發欲望,于是大量形態各異的主題誕生了,目前官方收錄了 300 多款主題。
其中比較老牌并且用戶量最多的是 Next 主題,你就算不知道這個名字,也一定見過它的樣式,如下圖:
不要小看這黑白外表,這款主題已經迭代到 7.7 版本,前后兩位大佬負責開發維護,現在的維護者 stevenjoezhang 已經貢獻了 13 萬行代碼!
所以主題看上去只是換皮膚,但自由發揮起來也是擼碼無底洞。
我們也開發了主題
雖然目前已經有諸如 Next 這種老牌且功能強大的主題,但主題最主要的仍然是外觀和頁面交互。我個人是偏愛 Material Design 有層次的風格,Next 這種黑白極簡的平面樣式有點不對我味口。
于是一款名為「Fluid」的 Hexo 主題誕生了(原名為「Material-T」),這是由我與項目原作者 @Rook1e 兩位前端苦手共同開發的主題項目。
以下是我們主題的首頁截圖:
再來一張文章頁面的截圖:
目前具有的功能特性:
- 圖片懶加載
- 自定義代碼高亮方案
- 內置多語言
- 支持多款評論插件
- 支持使用數據文件存放配置
- 自定義靜態資源 CDN
- 無比詳實的用戶文檔
- 內置文章搜索
- 頁腳備案信息
- 網頁訪問統計
- 支持 LaTeX 數學公式
- 支持 mermaid 流程圖
- 音樂播放器
該主題相較于其他主題的優勢:
相關鏈接
GitHub: https://github.com/fluid-dev/hexo-theme-fluid
Preview: https://hexo.fluid-dev.com/
總結
以上是生活随笔為你收集整理的怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 程序员:你的效率可以提高三倍
- 下一篇: 利用C++语言设计可扩展线程池