TRAIL · 来路

来路

学着做，做着学。

走过的路，慢慢长成了根。

向下滚动，让它落地 ↓

回望 · 2026.04 — 至今

原来，
已经长了这么多。

点任意一个亮点，那一段就在旁边展开。

  1. 2026-04 · 构建 · 两个名字，一个域名

    购入域名 yybbll.com（阿里云），同日创建 ICP 备案，月底开通云解析 DNS

  2. 2026-04 · 构建 · ICP 与公安备案

    买下域名的同一天，在阿里云创建了 ICP 备案，随后又办了公安备案。那时才知道，在国内放一个网站，域名只是开始，后面还有两道手续要走。

  3. 2026-05 · 构建 · 从零开始，需要什么？

    第一句提问：「从零开始搭建一个网站需要什么」

  4. 2026-05 · 设计 · 三个栏目，一个小念头

    品牌 brief 成型：YBLab / 有饼烙、观览·闲笔·试作三栏目、两大初衷

  5. 2026-05 · 构建 · 选用 Astro

    技术选型：Astro 静态站；确立「设计师非程序员、AI 协助搭建」路线

  6. 2026-05 · 构建 · 先想清楚国内访问

    提出「网站主要面向国内访问」→ 否决 Vercel，定阿里云 OSS + CDN

  7. 2026-05 · 方法 · 给项目写下约定

    项目 CLAUDE.md 建立

  8. 2026-05 · 构建 · 第一次 git init

    git init，第一个页面（星空白噪音 /star）

  9. 2026-05 · 构建 · 先跑在 Vercel 上

    网站先跑在了 Vercel 上：GitHub 建库、推送、自动部署，没做完的页面用 404 兜底成「建设中」。虽然早已定了阿里云的决策，但还是先跑起来，再迁到该去的地方。

  10. 2026-05 · 设计 · 6MB 的中文字体

    建站第一周就发现了问题：中文字体整个加载要 6MB。当时定下的方向是子集化加 WOFF2，但只是记下一笔，没急着做。

  11. 2026-05 · 方法 · 把思路交给下一段对话

    「把页面逻辑写进文件，交给另一条对话线继续开发」

  12. 2026-05 · 方法 · 同一份成稿，一位负责人

    「最终稿文件夹不许多个 agent 同时编辑」

  13. 2026-05 · 方法 · 给 AI 立规矩

    给项目写下 CLAUDE.md——写给 AI 看的规矩：这是什么项目、我是谁、什么能做什么不能做。

  14. 2026-06 · 构建 · 备案号挂上页脚

    ICP 和公安备案两个号批下来，挂上了页脚。从提交到挂出，这套流程走了将近两个月。

  15. 2026-06 · 构建 · 学会启用 OSS + CDN

    正式从 Vercel 迁到阿里云 OSS + CDN，同天下单 CDN 和两个 SSL 证书，网站上了 HTTPS。第一次真正的运维迁移：对象存储、加速分发、证书，三个新概念一次落地。

  16. 2026-06 · 设计 · 白昼星空

    定下首页 hero 的白昼星空——白天的星星看不见，但一直在。试了几版才明白：均匀的星空是底纹，不是元素。

  17. 2026-06 · 方法 · 给草稿一个位置

    mock/ 成为正式工作文件夹，建 Draft 层 + README

  18. 2026-06 · 方法 · 整理与 AI 沟通的方法

    提炼「给设计师的 AI 沟通方法」

  19. 2026-06 · 方法 · 环境与备份

    把机器上打架的两个 node 版本统一成一个，又用同步盘给项目做了双备份。环境干净，内容有底。

  20. 2026-06 · 方法 · 建立 TONE 与 LOG

    同一天建了 TONE.md 和 LOG.md：一个管「怎么说话」，一个管「发生过什么」。起因很朴素——AI 每次对话都是失忆的，得给它留档案。

  21. 2026-06 · 探索 · 给闲笔造一支笔

    writer 诞生：闲笔写作工具；本地备份功能（File System Access API）

  22. 2026-06 · 探索 · 接入 DeepSeek API

    接 DeepSeek API；发现旧模型名即将弃用 → 模型下拉框

  23. 2026-06 · 构建 · 第一次留下联系邮箱

    关于弹窗加 163 邮箱

  24. 2026-07 · 方法 · 让规则跟着项目走

    writer 移交独立维护：交接文档 + 协作心法；「维护规则跟着项目走，不依赖客户端」

  25. 2026-07 · 探索 · 探索网站与公众号发布

    研究公众号图文排版方法，规划网站 + 公众号双平台（待办，未完成）

  26. 2026-07 · 探索 · 写作工具独立维护

    移交独立维护：07-22 讨论，07-25 落地 YYBBLL-writer-tool 独立文件夹

  27. 2026-07 · 设计 · 界面和文章，各有文风

    TONE（界面文案）与 writer-style-profile（文章风格）分离

  28. 2026-07 · 探索 · 把用不上的富排版拿掉

    .md vs .mdx 之争：砍掉用不上的富排版（v2.7 改 .md 去 slug → v2.8 砍 Fig 组件）

  29. 2026-07 · 探索 · 四份文档，收成两份

    文档精简 4 → 2

  30. 2026-08 · 构建 · 把邮箱变成一键复制

    邮箱改点击复制（Clipboard API + execCommand 回退）

  31. 2026-09 · 构建 · 证书三月一续

    SSL 证书第一次到期续期——免费 DV 证书三个月一换，从此多了一项定期维护。

  32. 2026-09 · 设计 · 字体自托管

    Google Fonts 在国内不可达，干脆把字体整个自托管：209 个分片，按需加载。四个月前记下的那笔伏笔，这时兑现。

  33. 2026-09 · 设计 · 导航图标

    给导航的每个板块画了专属图标。

  34. 2026-09 · 设计 · logo 上线

    品牌 logo 设计完成并上线：四角星，和它的星环。

  35. 2026-09 · 方法 · 独立任务，独立对话

    独立任务开新对话 + 先 commit

  36. 2026-09 · 方法 · 灵感池

    给念头们开了一个独立的地方——灵感池。先放进去，不评判，让它们慢慢长。

  37. 2026-09 · 方法 · 统一命名

    把散落在各处的工具统一成 YYBBLL- 前缀命名，一眼看出哪些是自己的资产。

  38. 2026-09 · 探索 · 写完，再同步到网站

    两阶段法「writer 定稿 → 同步网站」；发布链路闭环 + 图片双目录

  39. 2026-09 · 方法 · 母版与发布快照

    母版模型 + 发布快照规范（CLAUDE.md + lab-releases.md）+ 占位规则

  40. 2026-09 · 方法 · 作品移植，单开对话

    移植独立对话线

  41. 2026-09 · 方法 · 接作品，保住新改动

    白昼废稿博物馆移植：伙伴发完整包 → 改为源码级移植，只迁内容、素材和必要能力；列表从硬编码改内容集合驱动

  42. 2026-09 · 探索 · 给伙伴做一个排版工具

    为双人整理观览作品做 Curator 工具

  43. 2026-09 · 探索 · 生图之前，先立约定

    接入 AI 生图能力：skill 安装（全局 vs 项目级）+ 生图三默认规范 + 产物归档原则

  44. 2026-09 · 探索 · 野生植物志，从念头立项

    立项 Yard-02 野生植物志：灵感池发散 → 命名 → 圈选 24 条

  45. 2026-09 · 探索 · 建立批量生图工作流

    建立批量生图工作流：画风对比选型、分组量产、定稿归档、双检核对

  46. 2026-09 · 构建 · 开通域名邮箱

    域名邮箱怎么弄 → 开通阿里云免费企业邮箱（待办：替换 163）

  47. 2026-10 · 构建 · 部署、发布一键化

    部署变成了一条命令：构建、上传 OSS、刷新 CDN，一次跑完；后来干脆做成了双击就能用。

  48. 2026-10 · 设计 · 让设计语言看得见

    网站的品牌、色彩、文字、布局和动效，原本只写在一份份规范文档里，没人愿意细看。于是做了「设计星图」：把这套设计语言画成一片能拨动、能走近看的星空。第一版做完自己看不过去，推翻，调研，重写，最后接进了主站。

  49. 2026-10 · 方法 · 动效工程化

    把全站动效系统地过了一轮：分步实施、浏览器里实测验证、规范写进 DESIGN.md。

  50. 2026-10 · 设计 · 网格审查

    全站网格审查，两轮优化，把所有板块的骨架对齐。

  51. 2026-10 · 方法 · 整理文件，也理解 Git

    文件大整理：mock → drafts → archive 三分类；理解 git 跟踪范围

  52. 2026-10 · 方法 · 改用 SSH 认证

    GitHub 认证改 SSH

  53. 2026-10 · 方法 · 文件三分类

    文件大整理：草稿、正式、归档，各就各位；顺带弄明白了 git 到底在跟踪哪些文件。

  54. 2026-10 · 方法 · 文档体检

    给项目文档做了一次体检，部署流程等过时描述逐条更正。

  55. 2026-10 · 方法 · 补记前史

    为了做这页「来路」，把所有历史对话翻了一遍，把 LOG 建立之前的四个月补记了进去。

  56. 2026-10 · 方法 · 需要工具，还是一套规范？

    推翻 curator 路线：「观览后续更需要的不是 curator，而是一套规范」

  57. 2026-10 · 方法 · 规范、预览、示例

    yard-kit 三件套（规范 + 预览 + 示例）+ 占位黑名单制

  58. 2026-10 · 方法 · 让 Curator 退场

    Curator 归档

  59. 2026-10 · 方法 · 把防漂移放进发布流程

    三层防漂移：pre-commit 钩子 / 版本戳 / 收货检查；「我不懂脚本也不想自己跑，放在构建进网站的过程中」

  60. 2026-10 · 探索 · 把发布物整理成包

    公众号三期发布包：复制重编号 + 文案，按文件名排序即发

  61. 2026-10 · 探索 · 让图与网站互相适应

    移植网站：媒体块裁图 → 图卷重构；hover 索引图 + 可复现脚本

  62. 2026-10 · 探索 · 野生植物志登上首页

    野生植物志登首页精选

  63. 2026-10 · 构建 · 想清楚哪里不该放邮箱

    拍板「观览不放联系方式」，写进 DESIGN.md §10.4