李欲裕 - js
type: channel
link: https://blog.kokowo.cn/index.php/tag/js/
items: 关于Typecho的Sakana小人插件和下雪插件
items: 自己写的Typecho 足迹插件
items: 完善Typecho的插件与扩展代码
items: 开源个人主页

关于Typecho的Sakana小人插件和下雪插件
type: item
date: 2025-11-23T23:09:00+08:00
description: 近日，冬天到了，我让我的blog下起了雪，右下角也多了一位新同伴！！！一、项目背景本项目旨在为 Typecho 用户提供更加多样化的前端展示形式与互动体验。Sakana-widget 插件通过可拖拽的角色动画，提升页面的活跃度与视觉吸引力；SnowControl 插件则通过轻量级的动态雪花特效，为博客带来季节性的沉浸氛围。这两款插件均基于 Typecho 插件体系开发，安装简便，兼容性良好，适合各类主题使用。二、Sakana-widget for Typecho主要功能：支持角色拖拽与物理摆动动画后台可配置角色样式、位置与灵敏度支持移动端自适应与隐藏设置自动注入前端，无需额外修改主题文件安装说明：将插件文件夹上传至 usr/plugins/ 目录；登录 Typecho 后台，在插件管理中启用 Sakana! 摇摆组件；启用后插件自动生效，无需手动修改模板。适用场景： 适用于希望增加页面趣味性与交互感的博客网站，尤其适合简洁风格主题。三、SnowControl 插件主要功能：为博客页面添加下雪特效可调节雪花数量与密度后台一键启用与关闭无需手动注入前端代码安装说明：将插件文件夹放入 usr/plugins/；启用 SnowControl 插件；刷新页面即可看到效果。特性说明：轻量、性能友好，不影响主要页面加载速度；与浅色或深色主题均兼容良好；未来版本将支持雪花样式自定义与多季节动态效果（如春季落花、秋季落叶等）。五、结语本次发布的两款插件旨在为 Typecho 用户提供开箱即用的视觉增强工具，提升博客的表现力与交互体验。所有代码均已开源，用户可自由下载、修改与使用。最后感谢Feng提供帮助！！项目地址：plugin-Sakana-widget-Typecho：在 Typecho 页面中集成 “Sakana!” 摇摆角色组件，为博客增添动态与趣味。 项目地址：https://github.com/Yuyudeyuya/plugin-Sakana-widget-TypechoSnowControl：轻量级网页下雪特效插件，为博客营造冬季或节日氛围。 项目地址：https://github.com/Yuyudeyuya/SnowControl欢迎使用与反馈，一起进步，成长！！

自己写的Typecho 足迹插件
type: item
date: 2025-08-16T18:26:00+08:00
description: Typecho 足迹插件：记录与分享你的旅程在写博客的过程中，很多人希望能够把自己的旅行、生活足迹可视化地展示出来，而不仅仅是通过一篇篇文字和图片去堆砌内容。Typecho 足迹插件（Footprints） 正是这样一个工具，它能让你在地图上清晰直观地展示到访过的地点，并为每一个地点配上详细的说明、相册、外部链接等信息，让博客不再只是文字的集合，而是一个带有地理感知的“旅程档案”。[button color="info" url="https://blog.kokowo.cn/200.html" outline="default" target="_blank"]演示按钮[/button]插件特色地图可视化 插件支持 高德地图 和 Leaflet 两种地图渲染方式。使用高德地图时，你可以通过 Key 来调用官方接口，保证地图数据准确完整；使用 Leaflet 时，可以选择不同的 Tile 图层，更适合对轻量化和速度有要求的场景。地图支持响应式布局，无论在 PC 端还是手机端，都能自适应显示。足迹管理后台 在 Typecho 后台，插件提供了一个独立的 足迹管理入口，类似于文章或独立页面的管理方式。 这种灵活的数据管理方式，让每一条记录既像一篇“日志”，又能在地图上以可视化方式呈现。前端展示效果 在前端页面，你可以创建一个独立页面，选择插件提供的 “足迹 Footprints” 模板，即可把所有的足迹以地图和时间轴的形式展示出来。地图上会显示每一个足迹的定位点，点击后会弹出卡片，显示标题、日期、地点、封面图片以及“查看文章/查看相册”的操作按钮。在时间轴部分，所有足迹会按照年份自动分组，并支持折叠和展开，保证内容条理清晰。移动端适配 插件在设计时充分考虑了移动端的使用体验。无论是地图缩放、卡片展示还是时间轴，都针对小屏幕做了优化，保证不会出现内容超出或排版错乱。使用场景个人旅行博客：把每一次旅行记录下来，用地图来串联，让读者不仅能看到你的照片，还能知道你曾经去过哪里。摄影作品集：通过地图展示拍摄地点，让作品和地点形成联系。日常生活记录：除了旅行，也可以记录一些日常到访的城市、餐馆、展览场馆。家庭纪念：记录家庭出游、孩子成长过程中的足迹，让博客成为一个带有温度的家庭档案。总结希望这个小插件可以见证我踏遍祖国的万水千山，插件还在迭代中，等我有机会成熟了没bug了，再分享给大家

完善Typecho的插件与扩展代码
type: item
date: 2025-08-12T16:43:00+08:00
description: 关于最近又在瞎逛 各位大佬 的Blog，又发现一些有 趣的项目 和 插件 完善我的小Blog，分享给大家。安全跳转链接插件[quote color="success"]首先，感谢 有趣云邮 佬的开源，插件下载链接在 Blog ，大家跳转的时候可以预览插件样式。 :@(献花)[/quote]插件介绍[tabs][item title="插件样貌 ::(太开心) "] [/item][item title="插件后台 ::(呵呵) "][/item][/tabs]在插件后台还可以设置 跳转白名单 ，和 跳转时长 ，使用起来也非常方便， 安装方法 具体可以参考，佬的插件说明。Typecho 后台附件批量插入和删除 并实现图片预览[quote color="warning"]实现还是要感谢 老孙佬 ，这是 佬的Blog ，里面还分享了很多关于Typecho的 插件和知识 。 :@(献黄瓜) [/quote]扩展介绍原来佬是在 文章的附件 选项页加入 批量插入 所有附件的按钮，而我在我的blog上打死都实现不了，索性就换成了 一键删除 ，有点而偷梁换柱的感觉了哈。嘿嘿 :@(赞一个) 这个扩展还能 自动识别图片与普通文件 ,实现图片预览功能，效果如下 这是佬原来的 在插入文章以后Markdown语法格式自动修正为![me896uuj.png](https://blog.kokowo.cn/usr/uploads/2025/08/1718623385.png)具体的 使用 和 实现代码 在主题的 functions.php 最后插入，这个是我修改过的一键删除版本，原版本亲在佬的blog自行下载 /** * Typecho后台附件增强：图片预览、一键删除、保留官方删除按钮与逻辑 * @author Li YuYu and jkjoy * @date 2025-8-12 */ Typecho_Plugin::factory('admin/write-post.php')->bottom = array('AttachmentHelper', 'addEnhancedFeatures'); Typecho_Plugin::factory('admin/write-page.php')->bottom = array('AttachmentHelper', 'addEnhancedFeatures'); class AttachmentHelper { public static function addEnhancedFeatures() { ?> <?php } }

开源个人主页
type: item
date: 2025-08-10T18:36:00+08:00
description: 欲裕的个人主页开源一个自己折腾的个人主页，个人感觉还是很美观，简洁。符合理工科学生的审美演示站下载链接 Github演示图自适应布局纯HTML,CSS,JS书写我的blog