HY
折腾进行时
Hello, I'm HY.
Atom 订阅
Atom 订阅
通过 Atom 订阅，第一时间获取最新文章和动态
Atom 链接
复制链接到你的 Atom 阅读器
https://www.9ll.uk/atom.xml最新文章
评论区的小助手开始读正文了：从 23 个字到整篇文章
评论区那个自动回帖的 AI 小助手，其实一直没读到正文 —— 抓取逻辑取的是每页都有的首页壁纸卡片，稳定拿到 23 个字。这次改成先判断评论发在哪一页，再把整页内容喂给模型。为了确认改对了，我用 jsdom 另写了一版独立实现对账，反倒挖出标签解析里三个会污染正文的 bug。
全站鼠标指针换成《俺妹》主题：亮色桐乃、深色黑猫
这次更新把整站的鼠标指针换了一遍：亮色主题配高坂桐乃、深色主题配五更琉璃（黑猫），各 28 枚共 56 枚，正常选择、链接、文本、禁用、拖拽这些场景全部覆盖。素材来自两张总览图，切图时发现它们不是普通白底图 —— 人物衣服和箭头内部都是纯白，跟我页面的白同色，按我处理贴纸那套「全局去白底」会把图形整个掏空。CSS 那边我把「用哪张图 + 热点坐标」全塞进了自定义属性，28 条规则只写一遍，切换主题只换一组变量。
把动态页改成了朋友圈的样子
动态页想换个样子，参照的是另一个同主题的站 —— 但数据源不变，还是继续接 memos。扒完两边才发现，上游动态卡片的 DOM 本来就齐 —— 头像、作者、时间、地点、置顶徽章、图片网格、评论按钮一个不缺，差的只是样式。于是这轮改造零改动主题源文件：一份只在动态页加载的样式表，加一个把页脚外壳搬进正文的小脚本。中间踩了三个安静的坑，都是「不报错、但就是不生效」那种。
全站加了个「天气预报」：接口免费，而且按访客 IP 定位
刷参考站时看到他右栏挂着一张天气预报卡，从标题竖条到「收起」按钮整个搬了过来。接口在 uapis.cn，免费、不用 key，而且不传参数时按访客 IP 定位 —— 谁来串门看到的就是谁头顶上的天。踩了两个坑：参考站那套图标是 Astro 构建期渲染的 symbol、动态插进去取不到；指标网格的 auto-fit 在 280px 右栏只排得出一列，卡片被顶到 925px。
评论区回复默认展开 2 条，长串收在「展开更多」后面
友链页有条评论下面挂了 13 条回复，往下翻要滑过整屏；可全收起来又太狠，访客第一眼什么都看不到。最后定成默认展示 2 条，多出来的才收着，还有剩就给个「展开更多」，摊完能收回去。做法照旧只加文件不动上游。踩坑集中在一点上：Waline 是 Vue 渲染的，DOM 会重绘、会随 swup 换页被整体替换，所以折叠状态不能只靠一次性的 DOM 操作。
回复带上引用：别再让读者猜「@昵称」在回哪一句
Waline 的二级回复只渲染一行「@昵称：」，谁在回谁很清楚，回的是哪一句全靠猜。翻 DOM 发现它其实留了线索 —— 回复里那个 @昵称 的链接 href 就是被回复评论的 objectId。顺着锚点把目标评论捞回来，摘成引用块插在下面，点它还能滚过去高亮。踩了个坑：剥 @ 前缀时忘了 clone，把页面上那行整个删了。