搭建hexo博客(3)

前言

看了之前的文章，你自己写文章已经OK了，如果你想把博客变得更炫酷（头像旋转、背景动画等），我推荐看这篇文章，我也是看的这个配置的，写的很好。

搜索功能

打开主题配置文件，找到这个：

# Local search
# Dependencies: https://github.com/flashlab/hexo-generator-search
local_search:
  enable: true
  # if auto, trigger search by changing input
  # if manual, trigger search by pressing enter key or search button
  trigger: auto
  # show top n results per article, show all results by setting to -1
  top_n_per_article: 1

enable默认为false，改为true。可以看到本地search依赖一个包，需要npm install一下。

博客根目录：

npm install hexo-generator-search --save

即可安装依赖包。

博客配置文件中加入：

# 微信支付
#wechatpay: /images/wechat.png

# 自定义站点内容搜索
# 需要先安装插件：
# npm install hexo-generator-search --save
search:
  path: search.xml
  # 如只想索引文章，可设置为post
  field: post

PS：顺便提了下如何增加打赏功能，我没开这个功能，因为我觉得没啥意义，不可能会有打赏的，hhh。

这样搜索功能就神奇的加入了~

更改访问路径

现在博客访问都是yourname.github.io，太low了点，我要换成自己的域名（前提是你要自己买域名）。

本人在腾讯云上买了域名并备案，之前的域名是指向自己的腾讯云IP的，我之前是用的wordpress博客，后来才转github page。

进入域名解析，并配置：

zhangchaozc.PNG

这样就配置好了，在搭建hexo博客(2)中我贴了博客的目录图，可以看到source文件夹下有一个文件CNAME，没错这个文件里面写自己的域名：

zhangchaozc.cn

也可以写：

www.zhangchaozc.cn

都可以。

重新三个命令一下hexo clean、hexo generate、hexo deploy，就可以用自己的域名访问了（记得清一下浏览器缓存）。

增加评论

本人用的是畅言评论插件，当然还有很多评论插件例如多说等。

前提：你的域名必须备案成功，注册畅言，输入自己的域名，会有一段时间的审核，主要看你的域名是否备案了，审核通过后登陆畅言后台管理：

方法1

changyan.PNG

把这段代码放在你的文章最后就行了，SourceID必须要唯一确定一篇文章，这里我的SourceID就是文章名（可以支持中文）。

方法2（推荐）

changyan2.PNG

主题配置文件中：

# changyan
changyan:
  enable: true
  appid: your_appid
  appkey: your_appkey

这样不用加任何代码，在每一篇博客后面都会出现评论框。
但是如果你不想在文章后有评论框，例如分类、标签页面，可以在文章头加上：

comments: false

这样就不会出现评论框了。

大家可以自己动手玩自己的博客了哦~