Hexo 博客美化

前言

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

评论系统

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

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

LeanCloud 设置

登录或注册 LeanCloud 国际版 并进入控制台
点击左上角创建应用并起一个你喜欢的名字 (请选择免费的开发版):
进入应用，选择左下角的 设置 > 应用 Key。你可以看到你的 APP ID，APP Key 和 Master Key。请记录它们，以便后续使用。

Vercel 部署

点击按钮，跳转至 Vercel 进行 Server 端部署。
输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:

创建项目

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

deploy

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

deploy

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

设置环境变量

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

redeploy

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

redeploy success

绑定域名 (可选)

点击顶部的 Settings - Domains 进入域名配置页
输入需要绑定的域名并点击 Add

Add domain

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

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

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

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

success

主题配置

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

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

设置文章加密访问

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

安装插件

1 2	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.'
---

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。

请作者喝杯咖啡吧