添加动态图片

layout.ejs

路径：themes/yilia-plus/layout/layout.ejs 在之前添加如下代码

<% if (theme.canvas_nest){ %>
<script type="text/javascript"
color="0,0,255" opacity='0.9' zIndex="-1" count="300" src="<%- url_for('//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js') %>"></script>
<% } %>

• color ：线条颜色, 默认: ‘0,0,0’；三个数字分别为(R,G,B)
• opacity: 线条透明度（0~1）, 默认: 0.5
• count: 线条的总数量, 默认: 150
• zIndex: 背景的z-index属性，css属性用于控制所在层的位置, 默认: -1

_config.xml

路径：themes/yilia-plus/_config.yml 添加如下代码

canvas_nest: true

效果在我这个主题不怎么明显我就不添加效果图了

添加谚语

left-col.ejs

路径：themes/yilia-plus/layout/_partial/left-col.ejs 这个文件是代表侧边栏的文件，我是把谚语添加到侧边栏，你们随意

<div id="hitokoto"style="font-size:16px;color:red;">:D 获取中...</div>
<script src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js"></script>
<!--End-->
<script>
  fetch('https://v1.hitokoto.cn')
    .then(function (res){
      return res.json();
    })
    .then(function (data) {
      var hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = "谚语："+data.hitokoto;
    })
    .catch(function (err) {
      console.error(err);
    })
</script>

参数设置： 可以通过所访问的API接口的参数来进行每日一言的类型设置，共有七种类型可供选择，

七种类型及其对应参数分别为：

动画（a）、漫画（b）、游戏（c）、小说（d）、原创（e）、网络（f）、其他（g）。

请求方式如下：

v1.hitokoto.cn/（从7种分类中随机抽取…

v1.hitokoto.cn/?c=b （请求获得一个分类是漫画的句子，c代表Cat，即类型）

v1.hitokoto.cn/?c=f&encode… （请求获得一个来自网络的句子，并以纯文本格式输出）

具体的一些细节和设置请点击传送门：hitokoto.cn/api

效果图

具体的可以看我的博客来查看效果