博客园美化 - 可爱的悬挂喵(上吊猫)返回顶部
一、效果图
二、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>