AI摘要：本文记录了作者对个人博客的升级过程，包括页面样式重写、友链样式重写、护眼模式、添加404页面、添加爱发电和Patreon以及鼠标指针特效。作者通过这些改进，使博客更加美观、实用和个性化，为读者带来更好的阅读体验。同时，作者也分享了一些实现这些功能的方法和技巧，供其他博客作者参考。
Powered by AISummary and MoonShot KimiChat.
从过年开始一直被闷在家里，少了出门和小伙伴耍的快落～每天在家里就是对着电脑忙各种事情（指摸鱼），于是总想着找点事情做做，正好看自己的小博客也不太顺眼了就想着升一下级～
在这里简单记录一下～一方面是回顾和总结，另外也是带大家看看自己都做了哪些事情～2333～怕大家注意不到～
如果样式没有变化的话是缓存的问题～刷新一下就好啦！
页面样式重写
重写了 更多页 和 项目页，现在可以更清晰地看到我博客的额外彩蛋页面，以及我的项目都有哪些w
使用了 BootStrap 的 Jumbotron “超大屏幕”
友链样式重写
之前的友链样式只是单纯的挂个链接，这两天把页面重写了一下可以看到头像了w
当然由于 http 及网络等等限制，很多图片容易加载不出来，这个时候可以使用 onError 属性，把图片重载为默认图片，具体来讲如下：
<img class="linkimg" src="https://image.idealclover.cn/blog/assets/default.jpg" href="xxx" onerror="this.src=\"https://image.idealclover.cn/blog/assets/default.jpg\"" referrerpolicy="no-referrer">这样就可以做到如果图片无法加载则自动替换为默认图片的效果啦w
护眼模式
这个算是重头戏啦
右下角的月亮图标可以切换 白天/夜晚 模式～
具体实现的话，一般来说对通常的页面，darkmode.js 就已经够用了。但是因为我用的主要是 bootstrap 的组件，用这个会出 bug，于是用了 dark-mode-switch 这个组件。教程写得也相对明白，引用组件，加几个 CSS 就可以了w 比自己想象中居然还要简单一点～
这下晚上翻自己的东西就再也不会被亮瞎了～
404 页面
调试的时候才发现自己的网站之前是一直开着 debug 的，在生产环境上这样不好，很容易暴露安全问题。于是关掉了 debug，按着做首页的方式复制粘贴了个 404 页面出来。
本来想做类似首页的那种字母滚动动效的，但自己对遗传算法啥的并没有吃透，出了点 bug 于是作罢 XD
毕竟不是搞技术的 QAQ （叹气
添加 爱发电 和 Patreon
发电警告2333
这两个平台都是周期性赞助平台，可以每个月给喜欢的画师/创作者打点钱～
无意间看到小伙伴挂了个爱发电的链接，跃跃欲试自己也想整个 2333
这个就没什么难度啦，平台一注册，链接一挂就 OK
其实就是为了提醒大家有这么个东西（不是）
鼠标指针特效
点一下就会出烟花，挺好玩的～
烟花和图标指针效果是仿照 DIYGod 来的，同时参考了 这篇文章
具体实现的话分这么几步：
a.弄到一张鼠标指针图片，扔到一个有固定链接的地方去
b.修改页面 CSS
body {
cursor: url(你扔的固定链接),auto;
}鼠标的图标就换好了，接下来处理动效部分
c.上传动效相关 JS
我找到的 JS 在 这里
传到自己的服务器/CDN上，然后在页面里引用
<script src="https://files.cnblogs.com/files/wkfvawl/mouse-click.js"></script>就可了w
以后也会努力产出的～希望翠翠的网站可以给大家带来收获与快乐！
已有 26 条评论
∠( ᐛ 」∠)＿鼠标指针动效莫得了啊，链接失效了
原来评论区有啊...瞎了瞎了，大佬好强，燃起来了啊.jpg∠( ᐛ 」∠)＿
翻了 https://idealclover.top/ 的源代码也没找到
我太没用了
https://idealclover.top/usr/themes/clover/libs/mouse-click/mouse-click.js
没有哦
https://files.cnblogs.com/files/wkfvawl/mouse-click.js 无法访问
超大屏幕好爽
是么！！(/ω＼)
Σ(っ °Д °;) っ之前没有打开翠翠的简历导致没有及时发现是南大的学生唉！我高中时超级超级超级喜欢南京大学，收集两年的宣讲小礼品，高考后还把宣讲材料抄写给正在复读的同学以鼓励他，啊，南京大学完全是我梦想的大学，直到现在南大的宣讲材料还放在我的大学寝室桌头o(////▽////)q 高中眼高手低考得太差，只能留在华南本地读破211，但每一次看见南京大学相关都倍感亲切（虽然和我毫无关系）希望以后有机会去南京大学玩耍，新旧两个校区都吼吼看wwww也不知道何年何月一睹南大梧桐的风采，圆满十八岁的遗憾。没有想到我最喜欢的个站运营者是最喜欢大学的学生，我单方面宣布南大喜欢我（理直气壮）最近在听南大校歌，最喜欢一句词：“天开教泽兮，吾道无穷。吾愿无穷兮，如日方暾。”祝翠翠在喜欢的领域日益精进：）
（鼠标开花玩太多差点妈见打xdddd不管，这么可爱俺就要按）
有机会来玩耍鸭！OωO
哇被喜欢着好荣幸www 会继续努力的！！
拥有了域名后，如何使用typecho搭建个人博客？没有用wordpress。（问题可能偏小白了）＞﹏＜
可以翻翻我之前的一些记录，虽然那时候还不是很会写博客（现在也不会XD）
等过段时间把毕业论文之类的弄完也可以找我定向约稿w
https://idealclover.top/archives/237/
博客是原生写的，还是生成的呀
诶？框架用的是 typecho，用的是自己写的主题~
dalao写的主题细节好棒～(￣▽￣～)~
但是其实泛用性就差一点啦~ XD
页面清爽好用的不像话，赞~
矮油~连评论区都这么有腔调，爱了~
捂脸~
欸嘿！一起加油鸭！~
小程序好评！
欸嘿~谢谢！
一起加油！