目录
与我同行
关于我这段漫长的建站之旅，前一篇文章有介绍。慢慢长路之网站搭建
而站点始终在非正式的路上，可如今我觉得，它是时候正式上线了。
因为它代表一个开始和一个结束。
理念部分：
命名：
“CIRCLE OF LIFE”，我将它翻译为“时光的弧线”，并以此作为品牌导向，多少带点想象和艺术的成分，也不得不承认中文的博大精深。
域名：
withcol.com 代表 WITH CIRCLE OF LIFE，其中 COL 是 CIRCLE OF LIFE 的首字母缩写，直译为“与时光的弧线”。而“时光的弧线”是我的载体，因此将它解读为“与我同行”，这也是首页所展示的。
视觉设计：
Logo：
我喜欢圆。“圆”是中国人的智慧，阴阳、因果皆是如此。
Claude 当时生成的，挺喜欢，就延续下来了，之前还有几版。
UI：
网站的这一套设计语言，最早起源于我和 Claude 构建的公众号封面设计工具——一个沉淀下来的 HTML 网页工具。慢慢觉得这个设计不错，它便成了现在网站的设计语言。
板块设计：
影集板块：是我最看重的部分，也是投入时间最多的部分，因为我喜欢摄影。我梦想有一面自己的照片墙，那里陈列的是我的作品，可以被大众观赏。这种感觉最早来自 2017 年，自己的作品第一次被陈列出来的时候（图中的这座桥是我的作品）。
最初是我自己构想的，但没能落地，我也不是很喜欢；后来参考了很多优秀的摄影师网站，最终借鉴了 Jack Davison 的设计思路——说是思路，有点好听了，算是“抄袭”吧。Salute～🫡
音乐收藏：这部分可以概括为陈列柜的概念，就像有的人喜欢收藏拉布布、鞋等等，摆在自家客厅的陈列柜里。而对我来说，这个收藏的意义也是如此，只是它摆在一个更公开的地方，一个人人想看就看的地方。
开发部分：
从前期只考虑样式设计，到后期做性能优化，都是一步步踩坑走过来的。一开始用 Vercel 的
web-design-guidelines skill 做前置限制和规划，后期直接接入 Google Dev MCP 自动测试性能基准。解放了太多。不得不感叹，Notion + GitHub + Vercel 全打通后，从 CMS 配置到版本编译状态，你就凭这一个 IDE 窗口，操盘全局。
但测试还得靠人：这边 AI 写，我在那边测，bug 先记在小本本上。
可是这个过程本来也是必须的，因为最终是给人体验的，所以必须有人的参与。
这次重构期间用过太多 IDE 和大模型，也因此“被迫”解决了不同 IDE 之间的上下文传递问题，也不得不优化了
AGENTS.md。Vibe Coding 中的项目上下文管理 - Codex → Grok 4.7
- Antigravity → Gemini 3.8 Flash
- Zcode → GLM 5.3 Flash
- CodeBuddy → Hy4 / DeepSeek 4.1 Flash / Step 5 Preview
- Qoder → Qwen 3.8 Flash / DeepSeek 4.1 Flash
- MiniMax Code → MiniMax 3.1 Flash
想想我的条件有点苛刻：既要 SOTA，同时还要免费，hhh。赶巧 10 月份还可以，各种机会都有。花费主要是月底订阅的 MiniMax Plan，3.1 Flash 无限畅蹬，前期则是 Gemini Pro 订阅。token 估计至少也得 10B。
在 10 月底，Qoder 的 DeepSeek 免费模型量大管饱，完全覆盖了开发使用。尤其是 deepinfer 开源后，压力明显小了：之前早上 8 点开始，蹬到中午 11 点就要排队；之后可以蹬到晚上 8 点多，畅蹬一天。也可能和 Kimi 3.1 Pro 的分流有关。
总结：
一直停不下来，想法太多，想改这个，想加那个。最主要的原因是免费的 DS 4.1 Flash，实在爱不释手，以为现在agent的完成度太高了，以前简直就是坐牢。可是要先打住了，克服一下自己什么都想准备周全再开始的毛病，因此给自己定在 11 月 1 日发布，发布之后再慢慢优化。
这个过程走下来，我感觉艺术设计的部分还是无法被 skill 覆盖，至少目前如此。
skill 是能设计得比较“好看”，因为视觉规范是有理论基础的，这对 AI 来说学起来轻而易举；再加上设计师的微调，在小红书、抖音、各种媒体上看到的，包括我自己的封面图，都是 AI 设计出来的“高质量”设计。目前已经到了“泛滥”的阶段。
就像以前善用 AI 写文章，现在你看到纯 AI 文章是什么感受？提高效率的同时必然会舍弃一些东西。
而视觉规范是什么，又是怎么来的呢？是人的审美积累。当 AI 读取了所有人的设计和规范，它真的学会“审美”了吗？它真的理解人们的视觉偏好了吗？