# 下载安装

该软件是在安装 Node.js 后使用 npm install 安装的。

在官网下载 Node.js 后，新建文件夹，运行以下命令。

npm install hexo-cli

hexo init

# Git 配置

git 由于之前配置过，所以维持原样。总归就是设置用户名和邮箱，添加登陆密钥。

而后需要将 _config.yml 文件中的配置改为如下。

deploy:

  type: git

  repository: git@github.com:WaltCSZ/waltcsz.github.io.git

  branch: master

这样之后就可以用 hexo d 将网页部署到 Github Page 了。

# 图片导入解决

首先为了方便自己管理， _config.yml 中我设置了 post_asset_folder: true 。这样每个 md 文件都会有个同目录下对应的文件夹，然后可以将 md 文件用到的图片都放进去。其次 typora 本身也可以设置使用相对目录。

这听起来很好的。完美闭环。但是，在使用 hexo g 构建静态网页之后， index.html 文件是放在 assets 文件夹里的，也就是与图片等同级。导致引用超链接需要从 ./%{filename}/img.png 变成 ./img.png 。而 hexo 本身不会做这样的更改。（真不知道为啥设计了 post_asset_folder 选项而没考虑改路径）

网上大部分人使用的方法是 hexo-assets-image 插件，而我选择了一招 typora 本身的功能。就是设置图片根目录。在文件头添加以下内容。

---

typora-root-url: filename

---

这样对于 typora 文件来说，引用图片的时候地址就均为 ./img.png 了。但可能其他 markdown 软件不支持吧，暂时不管了，反正我也不用。

然后修改 scaffolds 文件夹中的模板，在开头加入以下内容，这样使用 hexo new post 的时候，就可以自动添加图片根目录了。

typora-root-url: hexo部署配置

选择这个方案的原因还是很多的。首先是修改路径的插件有些好像版本有些老，有些版本有漏洞。而自己写 JavaScript 脚本的话，虽说抄抄改改也就可以用了。但我又想到，md 文件里如果每个图片都带了 ./%{filename} ，那改 md 文件名的时候可能又容易出错，所以索性选择修改根目录的方法了。

# 主题

我也是个有选择困难症的人。选了好久，选了个二次元和简洁风相妥协的 ShokaX 主题。

# 图片设置

该主题会优先使用 source/_data/assets/ 文件夹里的图片来构建网站，包括但不限于头像，图标，付款码，轮换背景图等。将需要的图片按规范命名后放进去。

# 评论系统 waline

待施工

# 域名

有钱了再说。