Hexo+Next配置与美化

参考各路教程对hexo的配置以及使用next的过程中的一些美化，包括添加评论(Valine)、文章浏览(LeanCloud)，以及一些杂七杂八的细节修改。

功能实现

文章浏览数：Hexo博客Next主题添加统计文章阅读量功能
评论系统valine：为你的Hexo加上评论系统-Valine
文章插入本地图片
- hexo 生成博文插入本地图片
- hexo-asset-image

界面美化

字体设置！！！

参考Google Fonts 已支持思源宋体！修改的思源宋体，博主的英文字体似乎没有设置成功，估计是和哪边的设置冲突被覆盖了。

参考自弃暗投明-Hexo更换next主题，以下主要是修改记录

修改文章底部“#” 标签
在文末添加”本文结束”
在博客底部加入本站运行时间

参考自hexo的next主题个性化教程:打造炫酷网站

修改超链接的颜色

这篇文章里面介绍的markdown技巧与内置格式很不错：[HEXO] NexT 主题提高博客颜值

存在但我没打算做的美化

动态背景canvas
鼠标点击出现桃心
RSS 有点犹豫，感觉现在rss有点鸡肋

一些很棒的格式

一个俄罗斯老哥的博文讲的特别好：Hexo Theme Next Test

Note标签

{% note [class] [no-icon] %}
Any content (support inline tags too).
{% endnote %}
[class] : default | primary | success | info | warning | danger.
          May be not defined.

default

primary

success

info

warning

danginer

note without icon

Label标签

这个我感觉我会懒得用诶。

1
2
3

{% label [class]@content %}
[class] : default | primary | success | info | warning | danger.
          May be not defined.

default，primary，success，info，warning，danger就是这个样子

tab 选项卡

{% tabs 选项卡, 2 %}
<!-- tab -->
**这是选项卡 1** 呵呵哈哈哈哈哈哈
<!-- endtab -->
<!-- tab -->
**这是选项卡 2** 被设置成默认了
<!-- endtab -->
<!-- tab -->
**这是选项卡 3** 哇，你找到我了！
<!-- endtab -->
{% endtabs %}

这是选项卡 1 呵呵哈哈哈哈哈哈

这是选项卡 2 被设置成默认了

这是选项卡 3 哇，你找到我了！

spartazhc's blog