自己做外链跳转页 go.php：参数校验、防盗用与防注入
站内文章里的外部链接直接写目标地址有两个问题：一是 referer 带过去，目标站能看到来源；二是没有拦截点，误链到坏站也没机会提示。中间加一个跳转页就能同时解决：链接先走自己的 go.php，由...
文章页底部加一条“我也是有底线哒”提示和滚动进度条
这个小效果分两块：顶部一条随页面滚动变宽的进度条，和正文翻到底时出现的“我也是有底线哒”图文提示。改动很小：一段 CSS 进主题设置，一段 HTML 进页脚模板。 进度条的 CSS 在后台主题设置...
数据分析能力地图：从一门课的 33 讲目录里拆出来的路线
整理一份数据分析方向的学习清单：一门 P7 数据分析架构师课程的完整目录（33 讲）加上配套的 Hive 专题（4 讲）。目录是文件名级别的信息量有限，但按讲次排开之后，一条比较完整的分析能力路...
头像呼吸光环与悬停旋转放大的纯 CSS 实现
给评论区或成员列表的头像加两个小动效：平时一圈颜色渐变的呼吸光环，鼠标悬停时放大并旋转。一段自定义 CSS 就够，不依赖 JS。 效果构成 两个动作拼成：一是无限循环的 box-shadow 动画，光晕...
用一段自定义 JS 给页面加 FPS 帧率显示
页面动画掉帧一般靠肉眼判断，很难定位是哪一段脚本卡住。想有个直观数字，可以在页面角落挂一个 FPS 计数器：用 requestAnimationFrame 在每一帧回调里累加，每秒输出一次帧数。整段逻辑不到 4...
接一个 Cubism4 live2d 看板娘：脚本引入、模型路径与气泡文案
Cubism4 的 live2d 看板娘包（嘉然模型）接到站点上，一共三步：传目录、在模板底部引脚本、把模型路径改成自己的。效果是右下角一个可交互的角色，鼠标停在链接上会冒气泡。 上传目录 解压后整...
用 IrfanView 把图片批量转换成 WebP
WebP 是谷歌推出的图片格式，同等画质下体积比 jpg、png 小 25% 以上：一张 2M 的 jpg 转完剩 1M，能省服务器存储、加快图片加载。代价是兼容性，老浏览器不认，支持情况可以在 caniuse.com
打字机效果的两条实现路线：纯 CSS 与 JS
打字机效果——文字逐字出现、末尾光标闪烁。以前要做这个效果得上 JS，纯 CSS 其实也能实现。两种路线的代码各记一份，可直接使用。 纯 CSS：三层结构 把动画拆成三层：底层静止的文字、中间遮...