网站首页 > 资源文章 正文
一、前因
前啥因,接着以前那篇来。
二、监听标题状态
找到主题的head.html。
themes\dream\layouts\partials\head.html
添加下列代码
<!--listen title -start-->
<script>
document.addEventListener('visibilitychange',function(){
if( document.visibilityState == 'hidden' ){
normal_title = document.title;
document.title = 'ヽ(`Д′-)ノ瞎跑啥,回来!';
}else{
document.title = 'ヾ(???3)ノ有点听话哦!';
setTimeout(function(){
document.title = normal_title;
}, 1200)
}
});
</script>
<!--listen title -end-->
效果如下:
三、添加二次元人物
找到主题的baseof.html
themes\dream\layouts_default\baseof.html
添加下列两行搞定,如果你的网站有了font-awesom就不用添加了
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
效果如下:
没啥用,想调教的更好的话参考官方文档:https://github.com/stevenjoezhang/live2d-widget
四、今日诗词
来点文艺范。两行搞定,找到放置的位置加入span标签,找到head.html加入script。
<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
网址:https://www.jinrishici.com/doc/#json-fast
效果:
五、线条背景
head.html中加入
<!--动态线条背景-->
<script type="text/javascript"
color="#030000" opacity='0.6' zIndex="-2" count="222" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
</script>
color : 线条颜色 count : 线条数量
效果:
六、总结
慢慢整。
- 上一篇: 个人博客美化4之添加网站运行时间及鼠标图标效果
- 下一篇: 个人博客美化3之阅读排版及鼠标特效
猜你喜欢
- 2024-10-15 迷神Django博客实战3:博客数据迁移,后台登陆管理及UI美化
- 2024-10-15 个人博客美化3之阅读排版及鼠标特效
- 2024-10-15 个人博客美化4之添加网站运行时间及鼠标图标效果
- 2024-10-15 2021年Wordpress博客装修美化(二)
- 2024-10-15 2021年WordPress博客装修美化(一)
- 2024-10-15 个人博客美化1之全局字体与代码高亮
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 电脑显示器花屏 (79)
- 403 forbidden (65)
- linux怎么查看系统版本 (54)
- 补码运算 (63)
- 缓存服务器 (61)
- 定时重启 (59)
- plsql developer (73)
- 对话框打开时命令无法执行 (61)
- excel数据透视表 (72)
- oracle认证 (56)
- 网页不能复制 (84)
- photoshop外挂滤镜 (58)
- 网页无法复制粘贴 (55)
- vmware workstation 7 1 3 (78)
- jdk 64位下载 (65)
- phpstudy 2013 (66)
- 卡通形象生成 (55)
- psd模板免费下载 (67)
- shift (58)
- localhost打不开 (58)
- 检测代理服务器设置 (55)
- frequency (66)
- indesign教程 (55)
- 运行命令大全 (61)
- ping exe (64)
本文暂时没有评论,来添加一个吧(●'◡'●)