Hexo主题变换与添加插件

作者个人博客

更换主题Theme及基本配置

更换主题

默认主题是landscape，在themes文件夹下，可以使用别人开发好的主题，这里有很多，我使用的是这一个https://github.com/litten/hexo-theme-yilia
下载之后放到themes文件夹下即可：git clone git@github.com:litten/hexo-theme-yilia.git

主题基本配置

配置在_config.yml文件中，基本的配置尝试一下就知道了，不在给出
图片的位置
比如打赏的支付宝二维码图片，是在当前主题下的source/assets/img/下 （不是当前博客根目录）

配置：

# 打赏基础设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
reward_type: 1
# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
alipay: /assets/img/alipay.jpg
# 微信二维码图片地址
weixin: /assets/img/weixin.png

文章评论设置

很多默认的评论插件要么不维护了，要么需要翻墙的。不过有基于github开发的gittalk还是不错的。Gitalk 是一个基于 Github Issue 和 Preact 开发的评论插件。使用 Github 帐号登录，界面干净整洁，最喜欢的一点是支持 MarkDown语法

主要特性：

使用 Github 登录
支持多语言 [en, zh-CN, zh-TW, es-ES, fr]
支持个人或组织
无干扰模式（设置 distractionFreeMode 为 true 开启）
快捷键提交评论 （cmd|ctrl + enter）
支持MarkDown语法

在layout/_partial/post目录下新增gitalk.ejs文件

<div id="gitalk-container" style="padding: 0px 30px 0px 30px;"></div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script type="text/javascript">

if(<%=theme.gitalk.enable%>){
   
 var gitalk = new Gitalk({
   
   clientID: '<%=theme.gitalk.ClientID%>',
   clientSecret: '<%=theme.gitalk.ClientSecret%>',
   repo: '<%=theme.gitalk.repo%>',
   owner: '<%=theme.gitalk.githubID%>',
   admin: ['<%=theme.gitalk.adminUser%>'],
   id: '<%= page.date %>',
   distractionFreeMode: '<%=theme.gitalk.distractionFreeMode%>'
})
gitalk.render('gitalk-container')