博客园美化 - 可爱的悬挂喵(上吊猫)返回顶部
一、效果图#
二、GitHub 项目地址#
https://github.com/MisakaTAT/GoTop
使用方法#
-
在博客园中找到
管理
-->设置
页面 -
在
页首 HTML 代码
中插入:
<!-- 悬挂的喵 -->
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/liuhanxu/szgotop.js"></script>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/liuhanxu/szgotop.css" />
<div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -999px;"></div>
三、其他问题#
我的博客园设置后,发现上吊猫太靠近页面底部了,于是修改了js里上吊猫的长度,修改后命名为szgotop2.js,又上传了一份,把上面第一行代码改成如下形式即可:
<!-- 悬挂的喵 -->
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/liuhanxu/szgotop2.js"></script>
作者:liupaopao
出处:https://www.cnblogs.com/liuhanxu/p/16073858.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了