hexo安装及fluid主题插件安装

此教程使用的操作系统是Ubuntu18.04。

安装node

使用nvm安装node及npm

安装nvm

# nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

使用nvm安装node

# 安装最新的node及npm
nvm install node
# 安装指定版本的node
nvm install 14.7.0 # or 16.3.0, 12.22.1, etc

不同系统的安装方法请参见 nvm github官网

安装hexo

npm install -g hexo-cli

初始化hexo

# 新建博客目录
mkdir blog
# 进入文件
cd blog
# 下面所有hexo及npm命令均在blog文件夹下执行
# 初始化hexo
hexo init

安装fluid主题

1.获取主题最新版本

方式一：

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

# 安装fluid
npm install --save hexo-theme-fluid
# 生成 _config.fluid.yml
cat ./node_modules/hexo-theme-fluid/_config.yml > _config.fluid.yml

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

方式二：

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

2. 指定主题

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

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

3. 创建「关于页」

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

hexo new page about

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

修改后的文件示例如下：

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

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

fluid具体安装和使用文档请参考 github官网  配置指南

本地预览

# 生成静态文件
hexo g
# 开启服务
hexo s
# 在浏览器中访问 http://localhost:4000/ 即可预览

写文章

使用hexo新建文章

使用hexo新建的文章会自动带上YAML，文章存放在blog/source/_posts目录下，在此目录下打开新建的md文件编写文章即可

hexo new '文章标题'

手动新建文章

到blog/source/_posts目录下新建markdown文件。在文章开头加入以下内容

---
title: hexo安装及fluid主题插件安装
date: 2021-10-21 11:08:18
categories: 
tags:
---

部署到github上

准备仓库

新建一个名字叫{your-name}.github.io的仓库，其中your-name是你的github名称，比如我的github名称叫jimmi，仓库名称就叫jimmi.github.io

添加ssh公钥

略

配置hexo

由于使用ssh公钥免密访问，所以请复制ssh仓库地址

deploy:
  type: git
  repository: git@github.com:jimmi/jimmi.github.io.git
  branch: master

安装上传插件

npm install hexo-deployer-git  --save

发布到Github

# Remove generated files and cache.
hexo clean
# Generate static files.
hexo g
# Deploy your website.
hexo d

测试访问

在浏览器访问 https://jimmi.github.io