close

大家好,我是TJ

關注TJ君,回復「武功秘籍」免費獲取計算機寶典書籍


TJ君將之前發過的各種項目及工具進行了整理,收錄到了GitHub項目,歡迎各位小夥伴光臨Star,地址如下:https://github.com/Wechat-TJ/TJ-WORLD-FORU

Hexo博客,小夥伴們用過沒有呢?作為一款基於Node.js的靜態博客生成程序,Hexo博客是一個特別適合程序員裝逼的博客系統。

今天TJ君就跟大家分享一個Material Design 風格的 Hexo 主題,讓大家在裝逼的道路上一路領先!

讓我們先來看下具體的風格效果

如果喜歡這個風格的話,我們繼續往下看,想使用這種風格裝飾自己的Hexo博客的話只需要四個步驟。

步驟一

當然是先建立一個自己的Hexo博客,這個可以參考Hexo博客官方的使用指南。

步驟二

獲取主題最新版本,這裡有兩個方式

方式1

Hexo 5.0.0 版本以上,推薦通過 npm 直接安裝,進入博客目錄執行命令:

npminstall--savehexo-theme-fluid

然後在博客目錄下創建_config.fluid.yml,將主題的_config.yml內容複製進去。

方式2

下載項目最新的release版本解壓到themes目錄,並將解壓出的文件夾重命名為 fluid。

步驟三

指定主題,修改_config.yml

theme:fluid#指定主題language:zh-CN#指定語言,會影響主題顯示的語言,按需修改步驟四

創建「關於頁」,首次使用主題的「關於頁」需要手動創建:

hexonewpageabout

創建成功後,編輯博客目錄下/source/about/index.md,添加 layout 屬性。

修改後的文件示例如下:

---title:aboutdate:2020-02-2319:20:33layout:about---這裡寫關於頁的正文,支持Markdown,HTML

目前這款主題支持的功能有:

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

感興趣的小夥伴,趕緊來試試吧!

點擊下方卡片,關注公眾號「TJ君」

回復「主題2022」,獲取倉庫地址

關注我,每天了解一個牛x、好用、有趣的東東

往期推薦

一個去除圖片背景的摳圖利器
非常時期必備的囤貨手冊!
可能是最流行的Mysql SQL審核平台
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 鑽石舞台 的頭像
    鑽石舞台

    鑽石舞台

    鑽石舞台 發表在 痞客邦 留言(0) 人氣()