文本是《Github(共18篇)》專題的第 14 篇。閱讀本文前,建議先閱讀前面的文章:
- 1.FreeReNamer 檔批量重命名軟件
- 2.Anx-Reader:AI加持的電子書與漫畫閱讀器
- 3.Readest電子書閱讀器
- 4.愛享素材下載器
- 5.Follow:新一代RSS訂閱工具,讓閱讀更有趣!
- 6.SimpleX Chat:無需身份識別的下一代安全通訊工具
- 7.Filestash:多功能Web文件管理器
- 8.DeepSeek本地部署教學
- 9.Hellohao: 強大的圖床圖像託管服務程式
- 10.CodeFormer: 強大的 AI 視頻去碼和圖片修復工具
- 11.ArchiveBox:你的私人互聯網時光機,全方位存檔管理器
- 12.Readeck:煥然一新的書籤系統
- 13.Chatbox: 一款智慧Ai對話助手軟件
今天就來說一下博客怎麼添加 GitHub上sakana大佬的開源專案
效果演示


使用教學
找到主題編輯器,在 footer.php 添加如下代碼即可
<div class="sakana-box"></div>
<script src="https://cdn.jsdelivr.net/npm/sakana"></script>
<script>
// 启动
const sakana = Sakana.init({
el: '.sakana-box', // 启动元素 node 或 选择器
scale: .5, // 缩放倍数
canSwitchCharacter: true, // 允许换角色
inertia: 0.01, // 惯性
decay: 0.97, // 衰减
r: -20, // 启动角度
y: 10, // 启动高度
scale: 0.5, // 缩放倍数
translateY: 0, // 位移高度
});
</script>
<style>
html .sakana-box{
z-index: 80;
position: fixed;
right: 0;
bottom: 0;
transform-origin: 100% 100%; /* 从右下开始变换 */
}
</style>如果彈簧人物載入緩慢,可以將 js 檔案下載到本地
您已閱讀完《Github(共18篇)》專題的第 14 篇。請繼續閱讀該專題下面的文章:
文章標題:博客添加動態彈簧人物效果
本文鏈接:https://angelal.cc/1243.html
文章版權:除非特別註明,否則均為AngelaL的原創文章,轉載必須以鏈接形式標明本文鏈接
本文最後更新發佈於:2025年02月26日 22:50, 某些文章具有時效性,若有錯誤或已失效,請在下方留言。
VIP

















加入QQ群
关注微信公众号
联系我们
请求更新
