Studio Playbook｜如何保持框架轻盈

January 15, 2025

这篇文章想聊的是：当我们“像素级复刻”一个模板，却又希望所有内容在未来都能被轻松替换，应该关注什么？以下三点是我在搭建 Andi 的新版网站时刻意练习的。

1. 把叙事和结构分开存放

我把正文、项目数据、文章清单全部抽离成 JSON 或 Markdown，页面只负责排版。这样，当故事、语言、甚至品牌调性改变时，只要替换数据源即可。就是这个决定，让我可以在不动 CSS 的情况下，把主角从 Eric 换成 Andi。

2. 为未来的“自己”准备占位符

与其复制旧内容，不如留下一些令人愉悦的提示：

• 使用占位插画和示例链接提醒自己日后替换。
• 在数据文件中附上一句意图说明（例如“Workshop 报名链接在此”）。
• 保留少量 demo 文案，帮助未来的合作者理解语气。

3. 让页面更像一套“工作台”

我把导航、Hero、项目区块当作模块化组件。每个组件只关心字体、间距和响应式细节，而内容则在外部喂入。这样既保留了原版网站的节奏，也让网站更像一张可重复使用的画布。

你也在整理自己的数字家园吗？欢迎写信到 andichenin@gmail.com，分享你正在琢磨的结构或故事。也许我们可以一起把它们组装成新的框架。完成度 100% 并不是目标，可塑性才是。