Atom 订阅

使用 Atom 阅读器订阅本站最新文章

订阅地址

将上方订阅地址添加到任意 RSS/Atom 阅读器(如 NetNewsWire、Feedly、Inoreader、Follow 等),即可即时接收新文章推送。

https://blog.fqzlr.top/atom.xml
查看原始 XML

如何订阅

Cross-Platform / Web

Follow, Feedly, Inoreader, FreshRSS, Miniflux

Desktop / Mobile Apps

NetNewsWire, Reeder, Read You, Fluent Reader

最新推送文章

友链挂了?自动检测+主页截图,GitHub Actions 全搞定

博客系列第9期。用 GitHub Actions 自动检测友链可达性、反链存在、主页截图,零服务器零运维,附触发方式详解。

技术教程

全屏壁纸的两种性格:classic 揭幕与 hero 视差的实现细节

博客系列第16期。全屏壁纸模式下的两种布局:classic 壁纸随页滚动的揭幕式、hero 壁纸固定整屏的视差标题式。附首帧落位防闪烁、z-index 不能为负的原因、视差节流与记忆化写入。

技术教程

从零加一个打赏页:配置驱动、二态卡片与页面可用性体系

博客系列第15期。新增 /sponsor/ 打赏页的全过程:扫码/外链二态卡片、打赏者名单网格、内容仓 YAML 配置驱动,以及「页面开关 × 功能开关」双重门控的页面可用性体系。

技术教程

关于页改造:一张 MDX 卡片承载四个交互组件的内容复刻

博客系列第14期。关于页不做多卡片拼盘,而是一张 MDX 卡片承载正文,人物悬浮卡、技术栈手风琴、魔改时间线、品牌色社交链接以 not-prose 区块嵌入正文流,附 MDX 内嵌组件的几个坑。

技术教程

友链页面设计:二态卡片、粒子特效与死链坟场的三层玩法

博客系列第13期。友链页不止是链接列表:M3E 卡片体系统一视觉、站长/推荐二态卡片配 canvas 星芒流星、死链检测的暂存区与墓碑墙设计,附悬浮预览的 transform 陷阱。

技术教程

给博客播放器加歌词:LRC 解析、三处消费与 Meting 透传

博客系列第12期。为博客音乐播放器接入歌词:LRC 解析工具、内容仓歌词资源管理、面板歌词 / 悬浮歌词条 / 胶囊歌词三处消费,以及 Meting 在线平台的歌词透传。

技术教程