Loading

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

一、效果图

上吊猫效果图

二、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>
posted @ 2022-03-29 21:10  刘跑跑  阅读(330)  评论(0编辑  收藏  举报