Hexo 博客美化

前言

Hexo 默认的博客主题有点单调，挑来挑去选择了 keep 主题，下面是我的一些踩坑操作。

评论系统

我的博客使用的是 Waline 这款简洁、安全的评论系统。要在博客中使用 Waline，分为三步

• 通过 LeanCloud 配置 Waline 评论系统的数据库
• 通过 Vercel 部署 Waline 评论系统的服务端
• 在主题配置文件中配置 Waline 服务端地址

LeanCloud 设置

1. 登录 或 注册 LeanCloud 国际版 并进入 控制台

2. 点击左上角 创建应用 并起一个你喜欢的名字 (请选择免费的开发版):
   

3. 进入应用，选择左下角的 设置 > 应用 Key。你可以看到你的 APP ID，APP Key 和 Master Key。请记录它们，以便后续使用。
   

Vercel 部署

1. 点击按钮，跳转至 Vercel 进行 Server 端部署。

2. 输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:

3. 此时 Vercel 会基于 Waline 模板帮助你新建并初始化仓库，仓库名为你之前输入的项目名。

一两分钟后，满屏的烟花会庆祝你部署成功。此时点击 Go to Dashboard 可以跳转到应用的控制台。

4. 点击顶部的 Settings - Environment Variables 进入环境变量配置页，并配置填入三个环境变量 LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key。

5. 环境变量配置完成之后点击顶部的 Deployments 点击顶部最新的一次部署右侧的 Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。

6. 此时会跳转到 Overview 界面开始部署，等待片刻后 STATUS 会变成 Ready。此时请点击 Visit ，即可跳转到部署好的网站地址，此地址即为你的服务端地址。

绑定域名 (可选)

1. 点击顶部的 Settings - Domains 进入域名配置页

2. 输入需要绑定的域名并点击 Add

3. 在域名服务器商处添加新的 CNAME 解析记录

Type	Name	Value
CNAME	example	cname.vercel-dns.com

4. 等待生效，你可以通过自己的域名来访问了🎉

• 评论系统：example.yourdomain.com
• 评论管理：example.yourdomain.com/ui

主题配置

keep 主题已经支持 Waline 了，所以只修改主题中的 _config.yml 文件

waline:
  server_url: https://example.yourdomain.com  # 这里填上面设置的域名

设置文章加密访问

有时想写一些私密博客，这里推荐一款适用于 Hexo 的静态博客加密插件 hexo-blog-encrypt。

安装插件

cd your-hexo
npm install hexo-blog-encrypt

文章配置

在想要加密的文章里添加

---
...
...
password: xxx
# 下面两个可选
message: 'Hey, password is required here.'
wrong_pass_message: 'Oh, this is an invalid password. Check and try again, please.'
---