Hexo主题之Fluid

资料来源

Fluid简介

一款 Material Design 风格的 Hexo 博客主题

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

安装主题(version:1.8.14)

Hexo 5.0.0 版本以上,推荐通过 npm 直接安装,进入博客根目录执行命令:

1
npm install --save hexo-theme-fluid

然后在博客目录下创建 _config.fluid.yml,将主题的 _config.yml内容复制过去。

_config.fluid.yml和hexo的_config.yml同级,可以根据个人需求配置主题相关内容,无法访问可以查看博客Hexo Fluid主题_config.yml

指定主题

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

1
2
3
theme: fluid  # 指定主题

language: zh-CN # 指定语言,会影响主题显示的语言,按需修改

创建「关于页」

首次使用主题的「关于页」需要手动创建:

1
hexo new page about

创建成功后修改 /source/about/index.md,添加 layout 属性。

修改后的文件示例如下:

1
2
3
4
5
6
---
title: 标题
layout: about
---

这里写关于页的正文,支持 Markdown, HTML

layout: about 必须存在,并且不能修改成其他值,否则不会显示头像等样式。

其他

更详细的配置信息等请参考官方文档


Hexo主题之Fluid
https://crudclass.github.io/2022/03/21/hexo/Fluid/hexo2/
作者
Zero
发布于
星期一, 三月 21日 2022, 4:40 下午
许可协议