Hexo-theme-FluidMaterial Design 風(fēng)格的 Hexo 主題

Fluid 是基于 Hexo 框架開發(fā)的一款 Material Design 風(fēng)格的主題。

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

1. 優(yōu)雅的顏值，使用 Material Design 風(fēng)格突出層次感，但又不失簡約，讓用戶能專注于寫作；
2. 提供大量定制化配置項，使每個用戶使用該主題都能具有獨特的樣式；
3. 響應(yīng)式頁面，適配手機、平板等設(shè)備，包括極端的分辨率都能輕松應(yīng)對；
4. 主題中少有的整合了 LaTeX 和 mermaid 的支持

目前具有的功能特性：

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

演示

• Fluid's blog
• zkqiang's blog

快速開始

1. 搭建 Hexo 博客

如果你還沒有 Hexo 博客，請按照 Hexo 官方文檔 進行安裝、建站。

2. 獲取主題最新版本

方式一：

Hexo 5.0.0 版本以上，推薦通過 npm 直接安裝，進入博客目錄執(zhí)行命令：

npm install --save hexo-theme-fluid

然后在博客目錄下創(chuàng)建 _config.fluid.yml，將主題的 _config.yml 內(nèi)容復(fù)制進去。

方式二：

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

3. 指定主題

如下修改 Hexo 博客目錄中的 _config.yml：

theme: fluid  # 指定主題

language: zh-CN  # 指定語言，會影響主題顯示的語言，按需修改

4. 創(chuàng)建「關(guān)于頁」

首次使用主題的「關(guān)于頁」需要手動創(chuàng)建：

hexo new page about

創(chuàng)建成功后，編輯博客目錄下 /source/about/index.md，添加 layout 屬性。

修改后的文件示例如下：

---
title: about
date: 2020-02-23 19:20:33
layout: about
---

這里寫關(guān)于頁的正文，支持 Markdown, HTML

更多信息

點擊查看用戶指南