Hexo-添加板娘和有趣Title


1、添加板娘

1.在主题下的layout.ejs文件添加如下内容

<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

2.在主题下的head.ejs文件添加如下内容

  • 作用:把板娘固定在右边(设置在固定位置)
<style>
    #waifu{
    left: auto !important;
    right: 440px !important;
	}
</style>

板娘效果显示图

2、添加有趣Title

1.在主题下的layout.ejs文件添加如下内容

<script src="<%- theme.jsDelivr.url %><%- url_for('/js/FunnyTitle.js') %>"></script>

2.在主题下的source/js的文件夹创建一个FunnyTitle.js文件,文件里面内容如下

var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
        $('[rel="icon"]').attr('href', "https://i.loli.net/2020/12/20/BZhvzONd8lgoFAI.png");
        document.title = 'ヾ(❀╹◡╹)ノ~我藏好了哦';
        clearTimeout(titleTime);
    }
    else {
        $('[rel="icon"]').attr('href', "https://i.loli.net/2020/12/20/BZhvzONd8lgoFAI.png");
        document.title = '(*^ワ^*)被你发现啦' + OriginTitle;
        titleTime = setTimeout(function () {
            document.title = OriginTitle;
        }, 2000);
    }
});

离开页面的效果

回到页面的效果

操作完毕后,保存,hexo g -d即可查看效果。


文章作者: 浅 悦
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 浅 悦 !
评论
  目录