把豆瓣看过的番剧一键同步到Bangumi吧~
当你的追番记录散落在豆瓣的角落,而Bangumi的空白列表静静等待填满——你是否也曾为这段“数字记忆”的割裂感到一丝遗憾?一个简单的脚本,却可能让两个世界悄然重叠。点击之间,是数据的迁移,更是热爱的归位。你准备好让那些被遗忘的剧集,重新在时光里发光了吗?
04 / COMPONENT LAB
个人信号站的零件目录:金属窗口、实体旋钮、终端状态与有按压感的按钮。
FOUNDATION
INTERACTION
INTERACTION LOG 已发送 0 次信号 · 当前频道 A
试试悬停、按下与 Tab 键聚焦按钮。
INPUT DEVICE
当前频道 全部
INPUT DEVICE / CH–04
WINDOW SYSTEM
WINDOW 98 / PERSONAL FILE
这是承载精选文章和系统消息的内容窗口。标题栏与边框负责表达年代感,正文仍以阅读为先。
>
NAVIGATION
TYPOGRAPHY
下一种未来。
把灵感存入个人档案
阅读需要安静的背景与清晰的层次。装饰负责营造气氛,文字负责讲好故事。
TRANSMISSION_001 · 2026.09.18
CONTENT
当你的追番记录散落在豆瓣的角落,而Bangumi的空白列表静静等待填满——你是否也曾为这段“数字记忆”的割裂感到一丝遗憾?一个简单的脚本,却可能让两个世界悄然重叠。点击之间,是数据的迁移,更是热爱的归位。你准备好让那些被遗忘的剧集,重新在时光里发光了吗?
卡片套用 Windows 98 的窗口语言:渐变标题栏、期号与文件名、装饰性窗口按钮,正文留在凹陷的内容区里。
ARCHIVE INDEX
POST ROW — /posts 档案页的文字索引行;带封面的行在光标悬浮时以故障效果浮现预览图并跟随移动,触摸设备与「减少动态效果」下不显示。第 4 篇无封面,仅作文字高亮对照。
AMBIENT
HERO PARTICLES — 抖动像素流体团,亮黄与紫双阈值 Bayer 抖动,12 秒无缝循环,仅在首屏渲染。
PIXEL FIELD — 像素点阵被光标推开并弹簧回位;触摸设备与“减少动态效果”下退化为静止点阵。
EXTERNAL RELAY
开放 Web 的技术文档库,查询标准 API 时最常转发的信号源。
developer.mozilla.org
把浏览器当作玩具的一系列互动小实验,灵感补给站。
neal.fun
/links 中继站把友链装进一扇完整的模拟浏览器窗口(FRIEND_LINKS.EXE):标签页、只读地址栏与凹陷视口。视口内的卡片是「网页卡片」而非又一扇 Win98 窗口——细描边、深底浅字,与外层金属边框拉开层级。
LINK CARD — /links 友情链接页视口内的网页卡片;域名行由 URL 自动提取,长描述在 320px 宽度下不溢出。
MEDIA
LAZY IMAGE — 全站图片统一入口:非首屏图片原生懒加载,代码式占位符(> decode … + █ 进度行)垫在图下,加载完成后故障抖动切入;首屏关键图(首页精选 / 详情封面)eager 高优先级不延迟;不支持懒加载的旧浏览器忽略属性、正常加载;动态换图(悬浮预览、正文插图)自动重放占位与过渡。本地图片加载极快,占位符可能只是一闪而过。
WRITING FORMAT
Markdown 正文与富文本正文二选一:填写后前台优先渲染 Markdown,适合从 Typecho 等来源直接粘贴原文。
排版沿用站内统一的阅读样式:标题带
#标记,引用是紫色信号块,代码走终端风凹陷框。
| 频道 | 记录 | 状态 |
|---|---|---|
| 技术 | 02 | ONLINE |
| 思想 | 01 | ONLINE |
export function lockChannel(channel: Channel) {
// 注释:信号锁定后只展示对应频道
return signals.filter((item) => item.channel === channel)
}
MARKDOWN BODY — 后台「Markdown 正文」与富文本正文二选一,填写 Markdown 时前台优先渲染(适合从 Typecho 等来源直接粘贴原文)。以上示例即由 MarkdownBody 渲染:GFM 表格、任务列表、删除线可用,代码块按语言着色(信号黄 / EVA 紫 / 银铬,无红色),图片经 LazyImage 懒加载并限宽在阅读列内。