大家好,我是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
目前這款主題支持的功能有:
感興趣的小夥伴,趕緊來試試吧!
點擊下方卡片,關注公眾號「TJ君」
回復「主題2022」,獲取倉庫地址
關注我,每天了解一個牛x、好用、有趣的東東