AI 编程 || 打磨了一套个人工具站最佳新增工具及发布工作流

最近优化了个人 HTML 工具开发工作流，引入了公共 footer 组件，优化自动工作流并简化了全站多渠道发布流程，现在开发单页 HTML 非常有效率：

1. 优化全站 Footer，引入公共组件。之前是每个页面中写，缺点很明显：

    a. 每次写完页面都需要单独添加，额外多一个步骤

    b. 有时候需要更新链接或二维码图片，导致需要几十个页面修改，工作量大

    c. 部分页面之前的 footer 二维码其实已经失效了，但一直没有修复。

目前 Footer 使用毛玻璃样式，基本能够融入任何页面风格：

在优化 Footer 的时候，发现一个坑，就是文件上传到 cloudflare 没问题，因为页面和公共的 footer.js 是一起上传的，但是如果上传到 dkfile，因为 dkfile 是上传单个 HTML 页面，会导致 footer 丢失。解决方法时，每次上传 dkfile 的时候，都再注入一次 footer 信息：

2. 增加了自动 SEO 功能，确保写网页的时候自动完成了 SEO 信息优化，同时增加了新增工具检查清单，这样工具写好，也不需要额外再去 script.js 添加入口，方便程度又进行了提升：

3. 优化了发布到 cloudflare 的流程，目前只需要 git push 即可自动更新，拿给业界的资深后端工程师看，他给了一个精简的点评：“敏捷”

4. 优化了发布到 dkfile 的流程，之前需要打开 dkfile 页面，登录，上传，等待上传... 非常繁琐，现在也是一句话的事：

核心逻辑加载到了 CLAUDE.md 中：

后面开发新工具会比之前快很多，时区转换工具和答案之书基本都是一句话搞定。

欢迎访问及交流：https://seedlog.net/

封面图 Photo by Christopher Gower on Unsplash

如果你刚开始 vibe coding，做出网页不知道应该如何部署，推荐使用这个现成的网页部署系统，上传 HTML 文件即可生成互联网可访问的网页，工具被精选后还可以增加曝光，如果只想使用发布系统的话，可以使用我的邀请码进行注册：

https://deepseek.idoxu.com/register?code=SYSTEM012N，使用邀请码注册可以获得 10 个初始空间