博客园美化 - 可爱的悬挂喵(上吊猫)返回顶部

一、效果图#

上吊猫效果图

二、GitHub 项目地址#

https://github.com/MisakaTAT/GoTop

使用方法#

  1. 在博客园中找到管理 --> 设置页面

  2. 页首 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 国际」许可协议进行许可。

posted @   刘跑跑  阅读(406)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示