Github+Hexo搭建博客(7)—next7.5主题个性化4

1.DaoVoice在线联系

实现效果图

具体实现方法
首先在daovoice注册账号点我注册，邀请码是0f81ff2f，注册完成后会得到一个 app_id，

记下这个app_id的值，然后在/themes/next/layout/_partials/head.swig文件添加如下代码，

{% if theme.daovoice %}
  <script>
  (function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/0f81ff2f.js","daovoice")
  daovoice('init', {
      app_id: "{{theme.daovoice_app_id}}"
    });
  daovoice('update');
  </script>
{% endif %}

接着打开主题配置文件，在最后添加如下代码，重新hexo g，hexo s就能看到效果了。

# Online contact 
daovoice: true
daovoice_app_id: 这里填你的刚才获得的 app_id

安装成功后可以在DaoVoice控制台上的聊天设置里设置聊天窗口样式，如下图，

2.使用阿里云图床存储博文中图片

(1). 登录阿里云，搜索对象存储OSS，并点击立即开通（开通免费）；

(2). 进入OSS管理控制台界面，创建Bucket。据网上大佬说区域建议选择香港，避免额外费用；

(3). 新建目录，上传图片等文件；

(4). 绑定用户域名，勾选自动添加CNAME。这是为了提高搜索引擎的爬取和检录；

(5). 复制图片URL，在浏览器地址输入访问，成功则可以在博客文章中使用。

3.自定义鼠标样式

打开themes/next/source/_data/styles.styl（有关该文件的内容见搭建个人博客（4）中主页文章添加阴影效果部分），在里面添加如下代码，

// 鼠标样式
  * {
      cursor: url("http://om8u46rmb.bkt.clouddn.com/sword2.ico"),auto!important
  }
  :active {
      cursor: url("http://om8u46rmb.bkt.clouddn.com/sword1.ico"),auto!important
  }

其中url里面必须是ico图片，ico图片可以上传到网上（这里使用的是七牛云图床），然后获取外链，复制到url。

原文链接：https://www.jianshu.com/p/76ce3729746d
     https://www.jianshu.com/p/1f8107a8778c
     https://www.jianshu.com/p/b42b99a60d41