Fluid 主题 windows安装图文教程

Fluid 可视化系统（windows）安装教程

• 1-Fluid 简介
• 2-windows操作安装hexo
• 3-hexo 部署Fluid主题
• 4-宝塔部署网站静态
• 更新主题
• 功能特性
• 贡献者

1-Fluid 简介

原作者地址： Fluid's blog | zkqiang's blog

2-windows操作安装hexo

我写这个文章是为了大家更好的知道和应用本主题并且致敬原作者的开源，只要你会计算机操作，自己都可以拥有自己的博客,文章只适用于新手不懂代码，只是操作计算机熟练（比如像我这样
的人）废话不多说，看图片操作与文字教程90%的人可以成功，如果不成功，建议你..

https://nodejs.org 这个地址下载node,然后一定要选择和你系统一样的版本，下载完然后安装，安装成功后会显示这样，也可以下面操作下载

然后win10系统都自带powershell如果没有你可以按照我的截图操作，一定选择普通下载，不用强制安装电脑管家，需要的安装文件有三个 vscode， git， node.js 然后这三个软件就够了

然后用微软自带的浏览器打开https://hexo.io/zh-cn/ hexo 官网，然后安装官网操作，输入以下命令

$npm install hexo-cli -g
$hexo init blog
cd blog
$npm install
$hexo server

这个地方说一下，你输第一个命令的时候一定要看好自己windows的路径，比如你在F盘打开powershell 或者git那么你的blog文件就在F盘，

3-hexo 部署Fluid主题

这是原作者文档，具体操作就行，至于修改可以看我主页文章（主页修改记录）
Hexo 5.0.0 版本以上，推荐通过 npm 直接安装，进入博客目录执行命令：

npm install --save hexo-theme-fluid

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

方式二：

下载 最新 release 版本 解压到 themes 目录，并将解压出的文件夹重命名为 fluid。

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

theme: fluid  # 指定主题

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

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

hexo new page about

创建成功后，编辑博客目录下 /source/about/index.md，添加 layout 属性。

修改后的文件示例如下：

---
title: about
layout: about
---

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

4-宝塔部署网站静态

按照教程最后一步hexo g以后，有一个public的文件夹

然后全部压缩上传到宝塔就可以了

更新主题

更新主题的方式参照这里。

功能特性

• 无比详实的用户文档
• 页面组件懒加载
• 多种代码高亮方案
• 多语言配置
• 内置多款评论插件
• 内置网页访问统计
• 内置文章本地搜索
• 支持暗色模式
• 支持脚注语法
• 支持 LaTeX 数学公式
• 支持 mermaid 流程图

贡献者

英文文档翻译：@EatRice @橙子杀手 @Sinetian

其他贡献：@zhugaoqi @julydate @xiyuvi

如你也想贡献代码，可参照贡献指南