博客优化

添加网易云音乐

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=430 height=86 src="//music.163.com/outchain/player?type=2&id=442518503&auto=0&height=66"></iframe>

效果如下

使用方法是:

  • 获取歌曲ID
  • 设置是否自动播放(auto=1/0)

2019年网易云音乐版权监管更加严格,因此有版权的歌曲无法作为外链播放器。所以,使用翻唱的话不失为一个选择。

添加bilibili视频播放器

视频底部点击分享按钮即可获取相应代码。

效果如下:

注:需要设置width和height

添加博客访问量

首先要打开layout/_partial的footer.ejs文件,在这里面插入不蒜子提供的script。完整代码如下:

注:一开始遇到不蒜子底部访问量不显示的时候,只要把某些span标签的id属性去掉即可。

	<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
	<span>本站访问量
	<span id="busuanzi_value_site_pv"></span>人次</span>
	<i class="iconfont icon-love"></i>
	<span>你是第
	<span id="busuanzi_value_site_uv"></span>个小伙伴</span>
	<br>

添加博客运行时间

	<!-- 网站运行时间的设置 -->
	<span id="timeDate">载入天数...</span>
	<span id="times">载入时分秒...</span>
	<script>
    var now = new Date();
    function createtime() {
        var grt= new Date("07/09/2019 13:14:21");//此处修改你的建站时间或者网站上线时间
        now.setTime(now.getTime()+250);
        days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
        hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
        if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
        mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
        seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
        snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
        document.getElementById("timeDate").innerHTML = "小破站已在风雨中运行 "+dnum+" 天 ";
        document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒 | 粤ICP证19119668号";
    }
	setInterval("createtime()",250);
	</script>

使用心形图标

引用阿里的图标文件

<i class="iconfont icon-love"></i>

原文地址:https://www.cnblogs.com/senup/p/11974756.html