这是一次” 大胆” 的尝试,在不懂计算机代码的前提下,我使用 AI 和 Trae 工具,成功为现在的博客添加了中英文的多语言支持。
背景介绍
为什么选择目前的博客模板
我是不懂代码的,目前的博客是在 GitHub 上 fork 的一个名叫 astro-theme-panda 的项目。当初想找一个简洁的文字风格的博客模板,找到 bearblog 平台,不过需要付费才能绑定域名。而 astro-theme-panda 恰好仿照 bear blog 的风格,于是便 fork 项目,在此感谢作者的付出。
为什么想博客支持英文
最直接的原因 —— 我想接触英文的世界。理想的方面,写博客是为了自己而写;感性的方面,我也希望有人来读我的博客。我是个内向且害羞的人,同时也希望与更多的人建立联系,我把这种联系想象成一种浪漫。
我的博客项目托管在 vercel,域名也没有在中国备案,由于 GFW 的原因,估计更加难以获得来自中国或中文世界的读者。所以,我想将中文博文翻译为英文,这也是我想博客支持英文的原因。
为什么等到现在才实现 i18n 支持
我认为 AI 的翻译能力和成果已经足够好了。我的英文不好,之前无法使用英文表达自己,但是我认为现在的 AI 翻译功能已经足够转译我中文书写的内容。
不懂代码的我,想试试是否能够依靠 AI 修改博客项目。这在之前是无法想象的,几年前我尝试修改网页的 css 之类的样式,多数时候无疾而终。即使近一两年出现 AI Chat box,可无法通读完整代码项目,单纯地聊天也很容易在解决问题的过程中走进死胡同。然而随着 Github Copilot 上线,近几天 Trae Windows 客户端发布,这些工具的免费,才让我这个不懂代码的人也能够体验到 AI 编程,直接将项目的文件夹喂给 AI 工具,根据 AI 的提示一步一步操作并给出反馈。
博客 i18n 多语言支持的实现
如何具体实现
我完全不知道😀! 综合起来我只是做了以下几点:
- 用 Trae 打开项目文件夹,要求 AI 阅读项目代码,之后提出对应的功能需求。
- 根据 AI 的提示,修改代码,多数情况是一键点击应用。
- 根据 AI 的提示,运行项目,然后将运行的反馈给到 AI,给出错误及问题描述,中间穿插对需求的要求,等待 AI 下一步的指示。
- 重复上面两个步骤。
中途遇见的问题
- 有时 AI 会做出过度的修改,需要及时回溯。重新给出需求的同时,需要给出限制效果范围的 prompt。
- 有时 AI 会幻想,脱离项目原有代码。因此多数时候我都引用整个项目,要求 AI 在仔细阅读项目代码后再给出答案。
- 有时重复出现同一个问题,我会再次向 AI 询问,要求其二次确认修改是否正确。
- 当不知道要修改什么的时候,我会要求 AI 再次阅读全部项目代码,确认是否存有遗漏。
为什么最后选择了 Trae
我不知道为什么! 只是昨天使用 VS CODE 忙了一下午,无论如何都出错。今天尝试 Trae,结果给出非常简洁的修改建议。 可能和选择的 AI 有关,今天在 Trae 中全程使用 Claude。
对博客的修改结果
- 在切换主题的 icon 左边,我添加了切换语言的 icon。
- 增加了英文版本下的各个功能页面。
- 使用 AI,针对现有的所有中文博文,均生成了对应的英文文章。
- 在中文和英文内容页面下,点击 RSS 订阅,只会订阅对应语言的文章内容。
- 之后在 posts 目录下,添加中英文两个版本的文件,如”test.md” 和”test.en.md”,便可更新博客的中英文博文。
这次尝试的体验感受
- 不懂代码,这完全是黑盒操作。过程中,我永远不知道最终能否成功。结束后,我不知道是否存在隐藏的问题。
- 期间,我不知道问题的原因,不理解 AI 给出的解释,也不知道尝试是否有效。一次次的错误,一次次的尝试,不知道修改的终点,这是一个没有正向反馈,乏味且枯燥过程。
- 未来,是否能够让 AI 自动读取反馈的结果,自己调试,最终实现功能效果?
一句话总结我的体验:如同在等待戈多。