Hexo/Icarus 3.0 配置记录

启用Categories, Tag, About页面

Icarus主题中启用这三个功能非常方便，只需将主题文件夹内的 _sourse 文件夹中的三个对应文件夹复制到根目录的 source 文件夹中，并且将主题配 _config.yml 对应内容改为如下即可：

menu:
Home: .
Archives: archives
Categories: categories
Tags: tags
About: about

使用圆形头像

Icarus的profile页面上默认使用了方形头像，当然也可以自己使用软件将头像裁切为圆形，但是这样的话每次更换头像都要重复这个过程，略显繁琐。因此可以使用css中的border-radius属性，将头像显示为圆形。
具体操作：打开Icarus的主题文件夹，定位到icarus/source/css/_partial/profile.styl文件，修改如下部分：

#avatar
    display: block
    margin: 10px auto 20px
    width: profile-avatar-size
    height: profile-avatar-size
    border-radius: (profile-avatar-size/2) /* 增加 border-radius属性 */

以及修改header.styl文件：

.avatar
    width: logo-height
    height: logo-height
    margin-right: 8px
    border-radius: (logo-height/2) /* 增加border-radius属性 */

增加版权说明

这一部分是参考了网上的教程：为Hexo icarus添加版权说明，效果可拉至页尾查看。

自动添加 Readmore

这一功能也是根据网上的教程实现的：Hexo 自动给博文添加 ReadMore，由于教程中Readmore按钮的设置与主题默认的不太一样，为了保持美观，需要在article.styl文件中增加一条margin的设置：

.article-more-link a
    display: inline-block
    line-height: 1em
    padding: 6px 15px
    margin: 0 0 article-padding article-padding /*增加margin的设置*/
    border-radius: 15px
    background: color-background
    color: color-grey
    text-shadow: 0 1px #fff
    text-decoration: none
    &:hover
        background: color-link
        color: #fff
        text-decoration: none
        text-shadow: 0 1px darken(color-link, 20%)

Valine评论系统

介绍 & 基本设置

Valine 诞生于2017年8月7日，是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

Icarus支持多种评论系统的接入，具体可看主题的配置文件，经过评估，我认为Valine更符合我的需求，原因如下：

• 相比于Disqus等国外平台，不需要翻墙即可留言
• 相对于畅言等国内平台不用担心由于各种原因停止服务，比如多说，网易云跟帖等
• 无需登录直接留言

在Icarus主题中使用Valine评论系统只需在主题的配置文件中将相应的配置填好即可, appid等设置可参照官网的介绍。值得一提的是，设置配置文件时，即使有些功能不需要开启，也不能空在那，而是要填上false，否则评论插件无法加载。

使用最新版本的 Valine

Icarus的模板文件中使用了旧版本的Valine，相比于最新版本，缺少了Markdown，emoji等功能，因此我们可以在模板文件valine.ejs中，

将如下语句
<script src="//cdn.jsdelivr.net/gh/xcss/valine@v1.1.6/dist/Valine.min.js"></script>
替换为：
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>

重新生成部署后即可看到新版的Valine评论系统。

使用Valine-admin 实现评论管理和邮件提醒

Valine自带的评论管理和邮件提醒功能有很多缺点：

• 发送次数过多，可能会暂时被Leancloud 屏蔽邮件发送功能
• 由于邮件提醒功能使用的Leancloud的密码重置邮件提醒，只能传递昵称、邮箱两个属性，所以邮件提醒链接无法直达指定文章页。
• 开启邮件提醒会默认开启验证码选项。
• 目前邮件提醒正处于测试阶段，仅在子级对存在邮件地址的父级发表评论时发送邮件

除了上述官网所列出的注意事项外，由于使用了leancloud的邮箱发送，邮件可能会被识别为垃圾邮件或者广告邮件从而可能收不到提醒；对于评论管理，也只能在leancloud的后台界面对数据库进行操作，基于以上原因，我选择了Valine-admin实现评论管理和邮件提醒。
具体的设置按照作者的介绍操作即可。需要注意的是在leancloud中设置了环境变量后，需要手动重启实例使设置生效：

设置完成后即可实现评论管理和邮件提醒的功能，而且可以不用开启验证码选项，Valine的验证码实在是有点反人类！
邮件提醒的效果：

评论管理界面：