这三周是这个网站从零到一的阶段。回头看不长,但每一步都是踩坑踩出来的。
一、全站架构重构:从散装页面到双核矩阵
- 三个散装HTML整合为「AI技术工坊 + 量化中医实验室」双核结构,主仓库 creators-matrix.github.io 统一入口
- 全站配色统一为黑底极客风(Stone 950色系)。之前AI页面白底、中医页面宣纸色,放一起完全不搭
- 所有路径改为相对路径(../../模式),适配多仓独立部署
- 每页独立SEO Meta块(Title、Description、Canonical、OG标签)
- 总大门双核导航卡片 + GDPR Cookie同意弹窗(localStorage缓存)
踩坑:迁移20篇文章后导航链接全部404
文章从 blog/ 迁移到 articles/ 后,20个HTML文件里的内部链接全坏了。blog目录已经被删掉,404报了一个小时才发现是相对路径没跟着改。最后用Python脚本批量修的。
二、11个新工具上线
AI开发者工具(7个)
- Token成本估算器 — 起因:第一次用GPT-4做项目,月底账单150美元,一半是长Prompt里的废话吃掉的
- VRAM显存计算器 — 起因:8G显存买了跑不动的模型,白花三千块
- Context风控计算器 — 起因:n8n管线AI聊到第五轮胡言乱语,排查半天发现是上下文爆了
- JSON格式化校验器 — 起因:调试API时对着压缩成一行的JSON找bug,少了个逗号查了一小时
- Base64编解码工具 — 起因:网上在线工具都要求上传文件,怕数据泄露
- Unix时间戳转换器 — 起因:对接API时对方用秒级、我们用毫秒级,少三个零的bug查半天
- 正则表达式测试器 — 起因:写爬虫时正则调一次要重跑脚本,太慢
AI增强工具(3个)
- AI Prompt效果对比器 — 左右分栏对比两个Prompt,自动分析Token消耗和结构完整性评分
- Markdown实时预览编辑器 — 左边写右边看,纯手写解析器,没引入第三方库
- 代码片段收藏夹 — localStorage存储,搜索过滤,一键复制
中医量化工具(3个)
- 经方剂量精密换算器 — 起因:看《伤寒论》时发现「三两」到底是几克,查了半个月才搞清楚东汉一两≈13.8g
- 五运六气体质量化推算器 — 起因:想知道自己先天体质偏向,用代码把《黄帝内经》运气七篇翻译成JavaScript
- 方剂加减计算器 — 桂枝汤5味药能衍生出20多个方子,之前只能用Excel手动算
三、记住的三个坑
-
macOS的 sed 和 seq 跟 Linux 不一样,批量操作翻车两次
第一次:用 seq 1 $depth 生成路径前缀,当depth=0时,Linux上 seq 1 0 不输出(正确),macOS上输出 1 和 0 两行,导致所有根目录文件的favicon路径变成 ../../assets 而非 ./assets。第二次:用 sed 批量替换14个文件,BSD sed 对特殊字符的处理不一样,所有文件替换失败但没有报错。教训:在macOS上写批量脚本,能不用sed/seq就别用,Python更可靠。 -
五运六气算法——天干化运映射全错
推算器里天干到岁运的映射用的是「天干自身五行」(甲乙属木、丙丁属火),但《黄帝内经》五运六气用的是「天干化运」(甲己化土、乙庚化金、丙辛化水、丁壬化木、戊癸化火)。10个映射错了8个,只有己和庚碰巧对上了。一位中医背景的读者私信指出——如果不是有人懂,这个bug可能永远发现不了,因为雷达到看起来「有模有样」,外行根本看不出来。 -
Buy Me a Coffee链接标签是空的
写了 `` 但忘了在标签里填文字,页面上一片空白。一个用户点了半天没反应,在GitHub提了issue。这种低级错误在赶工时最容易犯。
四、还在解决的问题
- Pagefind全文搜索需要build步骤,和「零构建工具」原则冲突,暂时在每个文章列表页留了HTML占位框
- 移动端响应式还没细调,有些工具在手机上按钮太小
- 想加个Giscus评论系统,但需要先建GitHub Discussion,还在犹豫
五、下周计划
- 所有工具页的下半屏SEO长文——现在只有token/vram/context/dosage/yunqi五个页有,其他的要补
- 移动端适配优化
- 开始写真正的AI技术文章(不是缝合的SEO白皮书,而是实操教程)
📝 47岁失业老码农,边学边做。每周日更新。一个人,一台笔记本,没有团队。