Hexo美化记录
一些Hexo美化技术分享
live 2D
在git中输入$ npm install --save hexo-helper-live2d安装live 2D插件。
在_config.yml文件下添加如下配置
1
2
3
4
5
6
7
8
9
10
11
| live2d:
enable: true
scriptFrom: local
model:
use: live2d-widget-model-haruto
display:
position: right
width: 150
height: 300
mobile:
show: false
|
再次在git中输入npm install packagename，packagename为https://github.com/xiazeyu/live2d-widget-models下的live 2D文件包。
动态背景
在主题文件夹下的layout\layout.ejs中加入如下代码
1
2
3
4
|
<script type="text/javascript"
color="220,220,220" opacity='0.7' zIndex="-2" count="200" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
</script>
|
注意一定要放在<body>中。
网页标题优化
在主题文件夹下的source\js中新建一个FunnyTitle.js 文件，在里面填写如下代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
$('[rel="icon"]').attr('href', "/img/trhx2.png");
document.title = 'ヽ(●-`Д´-)ノ你丑你就走！';
clearTimeout(titleTime);
}
else {
$('[rel="icon"]').attr('href', "/img/trhx2.png");
document.title = 'ヾ(Ő∀Ő3)ノ你帅就回来！' + OriginTitle;
titleTime = setTimeout(function () {
document.title = OriginTitle;
}, 2000);
}
});
|
在主题文件夹下的layout\layout.ejs中加入如下代码：
1
2
|
<script type="text/javascript" src="\js\FunnyTitle.js"></script>
|
更多美化可以访问该知乎文章：https://zhuanlan.zhihu.com/p/69211731
