hexo+next主题美化三

给hexo博客next主题添加背景音乐

1.生成外链播放器html代码

2.将赋值的代码拷贝到themes/next/layout/_macro/sidebar.swig 文件下

<!--音乐播放器-->
  <div id="music163player">
	{%if theme.background_music %}
		<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=483937795&auto=1&height=66"></iframe>
	{% endif %}
  </div>

3.在主题的配置文件的末尾添加以下代码：

//后面拷贝的路径为第2步拷贝的src后面的代码
background_music:
//music.163.com/outchain/playertype=0&id=2992021935&auto=1&height=90

4.最终效果

绑定域名

1.购买域名。

2.进入域名解析列表并对购买的域名进行解析

其中，着两条记录要自己添加

win+R快捷键打开“运行”窗口，输入cmd运行命令行控制台输入命令：ping yourusername.github.io 拿到你的github的ip地址

添加详细细节：

3.在你的博客的主目录下的public文件夹下建一个名称为CNAME的文件，记住，不要后缀名，在文件里面填写你的博客的地址， yourusername.github.io

添加评论系统

此处介绍的评论系统是Valine ，Valine 是基于 LeanCloud 作为数据存储的，所以需要注册一个账号。注册完成后，进入控制台：

​ 1.创建一个引用，输入应用名称，选择开发版，点击创建

​ 2.创建完成后，打开应用，左边的存储，查看 数据下面有没有 Counter 和 Comment 两个 Classes，如果没有，点击创建 Class，选择 无限制即可。创建完成后，如下：

3.配置Hexo中NexT主题

路径： themes/next/_config.yml 文件。到这里 https://www.jsdelivr.com/package/npm/valine 这个地址选择最新版本的Valine，然后获取cdn地址，修改到 主题配置文件 _config.yml 即可。

主题配置文件配置参数如下：

最终效果哈哈，请参考：