文本是《Github(共29篇)》專題的第 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(共29篇)》專題的第 14 篇。請繼續閱讀該專題下面的文章:
- 15.利用Telegraph和Cloudflare自建圖床實現外鏈圖片存儲
- 16.PasteMe! - 讓 AI 輔助你複製和粘貼
- 17.browser use - 利用 AI 自動化瀏覽器工具
- 18.Nativefier — 將你的網頁變成桌面應用程式
- 19.【Wordpress】WP2AI文章變成智慧知識庫
- 20.ntfy搭建一個私有消息通知服務
- 21.Flatnotes 自託管無庫筆記應用
- 22.kaf cli - 超強大的 TXT 文本轉 EPub、Mobi、azw3 神器
- 23.BookStack:一款功能強大的免費知識庫管理平台
- 24.Searxng:一款可部署的搜尋引擎
- 25.Nanobrowser:開源AI自動化神器
- 26.Vertex: 專注於PT玩家的追劇刷流一體化綜合管理工具
- 27.ntfy:自建一個簡單易用的消息推送服務
- 28.n8n:無需代碼,自動化你的工作流程
- 29.LocalSend使用教學,電腦與手機快速無線傳檔軟件
文章標題:博客添加動態彈簧人物效果
本文鏈接:https://angelal.cc/1243.html
文章版權:除非特別註明,否則均為AngelaL的原創文章,轉載必須以鏈接形式標明本文鏈接
本文最後更新發佈於:2025年02月26日 22:50, 某些文章具有時效性,若有錯誤或已失效,請在下方留言。