日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题

發布時間:2025/3/15 37 豆豆
生活随笔 收集整理的這篇文章主要介紹了 怎么把网页源码家入hexo博客_一款被大厂选用的 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」),這是由我與項目原作者 @Rook1e 兩位前端苦手共同開發的主題項目。

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

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

目前具有的功能特性:

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

該主題相較于其他主題的優勢:

  • 優雅的顏值,使用 Material Design 風格突出層次感,但又不失簡約,讓用戶能專注于寫作;
  • 提供大量定制化配置項,使每個用戶使用該主題都能具有獨特的樣式;
  • 響應式頁面,適配手機、平板等設備,包括極端的分辨率都能輕松應對;
  • 主題中少有的整合了 LaTeX 和 mermaid 的支持
  • 相關鏈接

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

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

    總結

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

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