Hexo博客环境配置与编辑工具

一、Node.js 和 npm

Hexo 依赖 Node.js 和 npm 对项目进行管理和运行。
下载地址：Node.js 官方网站

修改npm源到华为云镜像源

1
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

二、Git

用于版本控制，并将网站部署到诸如 GitHub Pages 之类的平台。
下载地址：Git 官方网站

常用 Git 命令

1
2
3
git config -l  //查看所有配置
git config --system --list //查看系统配置
git config --global --list //查看用户（全局）配置

配置用户名和邮箱

1
2
git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

配置公钥连接Github

1.生成密钥

1
ssh-keygen -t rsa -C "你的邮箱"

2.生成C:\Users\用户名.ssh文件夹下的.ssh的文件夹，会看到以下文件

id_rsa私钥
id_rsa.pub公钥

3.配置到Github

进入github，点击右上角头像 选择settings，进入设置页后选择 SSH and GPG keys，名字随便起，公钥填到Key那一栏。

4.测试链接

1
ssh -T git@github.com

三、Hexo CLI

Hexo 的命令行工具，安装后可用于生成和部署博客。

1.安装方式：在成功安装 Node.js 和 npm 后，于命令行执行以下命令（无需单独下载安装包）：

1
npm install -g hexo-cli

2.检查是否成功

1
hexo -v

3.安装博客到本地文件夹

1
2
3
hexo init blog-demo
cd blog-demo
npm i

4.blog-demo结构

node_modules：依赖包
scaffolds：生成文章的一些模板
source：用来存放你的文章
themes：主题
.npmignore：发布时忽略的文件（可忽略）
_config.landscape.yml：主题的配置文件
config.yml：博客的配置文件
package.json：项目名称、描述、版本、运行和开发等信

5.静态博客挂载到 GitHub Pages 需提前在GitHub创建仓库 命名方式<用户名>.github.io (注意：前缀必须为用户名，此为预览博客需要，后期可修改仓库名)

安装hexo-deployer-git必要组件

1
npm install hexo-deployer-git --save

修改 _config.yml 文件,修改最后一行的配置.

1
2
3
4
deploy:
  type: git
  repository: git@github.com:用户名/用户名.github.io.git
  branch: main

6.测试与发布命令

清除缓存 启动本地服务器

1
hexo cl; hexo s

清除缓存 生成页面 上传到服务器

1
hexo cl; hexo g; hexo d

7.更多命令

hexo指令

四、Markdown 编辑器

（一）Typora

下载地址：Typora 官方网站

（二）Visual Studio Code

下载地址：Visual Studio Code 官方网站

五、主题和插件

用于丰富 Hexo 的功能和美化外观，比如 hexo-deployer-git、hexo-generator 等插件。

安装方法：在使用 Hexo 的过程中通过命令行安装。以热门的 NexT 主题为例：

1
2
3
npm install hexo-theme-next
npm install hexo-deployer-git
npm install hexo-generator-xxx  # xxx 为具体插件名