Fluid配置使用

Fluid介绍

Fluid 是基于 Hexo 的一款 Material Design 风格的主题

• 优势
  1.设计遵循简洁至上，同时具有轻快的体验，和优雅的颜值；
  2.提供大量定制化配置项，使每个用户使用该主题都能具有独特的样式；
  3.响应式页面，适配手机、平板等设备；
  4.为数不多内置支持 LaTeX 语法公式的主题。

• 特性
  1.图片懒加载
  2.自定义代码高亮方案
  3.内置多语言
  4.内置多款评论插件
  5.外部覆盖配置
  6.静态资源配置
  7.文章搜索
  8.页脚备案信息
  9.网页访问统计
  10.支持 LaTeX 数学公式
  11.音乐播放器

  Tips:
  Fluid主题github仓库https://github.com/fluid-dev/hexo-theme-fluid
  hexo还有很多主题,具体可以查看https://hexo.io/themes/

  配置流程

• 方法1(推荐): Hexo 5.0.0 版本以上，推荐通过 npm 直接安装，进入博客目录执行命令

  1. 输入指令

     npm install --save hexo-theme-fluid

     

  2. 在与_config.yml文件平级的目录下,新建文件_config.fluid.yml
     

  3. 创建文件后,打开Fluid的github仓库地址: https://github.com/fluid-dev/hexo-theme-fluid,进入仓库后点击打开Fluid仓库中的_config.yml文件
     

  4. 打开后,复制全部代码,粘贴入刚才创建的_config.fluid.yml文件中
     

  5. 粘贴成功后,点击_config.yml文件,点击搜索theme关键字,将之前的默认主题landscape换成fluid
     

  最后执行:
      hexo g
      hexo s
      就可以本地运行打开查看已经配置好的fluid主题~

  

• 方法2:

  1. 进入github仓库下载最新 release 版本解压到themes目录并将解压出的文件夹重命名为 fluid，最后将整个fluid拷贝至脚手架的themes文件夹内

  

  

  

  2. 完成后同样需要将_config.yml文件的theme关键字,更换成fluid
     

     最后执行:
       hexo g
       hexo s
       同方法1一样可以本地运行打开查看已经配置好的fluid主题~

  

需要注意

在使用方法2完成了主题更换的前提下,我们之后如果要在主题上进行修改,每次修改都需要到/themes/fluid下修改主题的_config.yml文件，这样特别麻烦，并且在版本更新时，都要注意怕被新的_config.yml文件替换掉，又回滚到了初始的代码，所以官方也建议将主题的_config.yml文件复制一份重命名为_config.fluid.yml文件到Hexo脚手架的根目录下，和_config.yml文件并列。这样，在官方更新版本时，直接覆盖.themes/fluid下的文件就可以了，不会影响到_config.fluid.yml文件