我在业余时间用 AI 做的两个项目
前言
去年秋天的时候,偶然间想做一个博客项目。一开始的时候接触到了很多的博客项目,不过一个主要问题就是,当服务器部署在一些国外的平台情况下,网站整体的加载速度比较慢。
然后偶然间接触到 1Mb Club、512Kb Club、no-JS 等等项目。我大概翻阅了一些,里面几乎没有简体中文的博客类网站。
于是,就有了第一个项目,我用 Gemini 写的一个博客框架。
PureMo Blog
第一步上手的话,应该是十一月。第一步就是先让他写一个蕴含所有内容的 HTML 文件。这个项目之处的主要宗旨是不使用一句 JavaScript 语法,以保持整体的轻量化。
这个时候,主要的重点还是让 AI 根据自己的喜好,去定制喜欢的页面效果。
第二步,便是让他实现一个功能,也就是可以根据一个文件夹内的 markdown.md 文件来自动生成我们需要的博客文章页面。
完成这一步的时候,就可以考虑代码的可维护性了。因为一开始是把所有框架代码、css样式、首页都放在一个 html 内,总体维护体验很差。于是就是让他把生成、解析、css样式、基础html模板分离到多个文件内。这样后面需要修改哪些部分的功能,可以单独进行针对性修改。
其实,实现这一步的时候倒也不全是出于维护性。主要还是 Gemini 以及 Vibe Coding 的一个特点,就是喜欢偷偷摸摸改代码,他还自己不承认。我对于前端这块还是掌握的比较少,于是就让分离了。
归档页,分类的页面通过 markdown 文件内的 yaml 区域,解析内容生成对应的效果,就比较简单了。
当前存在的问题
- 推荐转载的格式 区域的文字换行,以及 Windows 下的显示效果
- 深色模式下的颜色看起来有点问题
- 以及其他问题
PureMo Search
因为搜索引擎默认情况下,搜索结果的 URL 后面有一段与搜索结果无关的,也许是追踪与统计的字符串?
于是,就诞生了这个项目 PureMo Search
当前实现的一些效果:
gh xxx在 GitHub 上搜索 xxx/add xxx添加搜索引擎/remove移除搜索引擎/list列出现有的搜索引擎/reset设置默认搜索引擎/help查看帮助列表
现有问题
- 像
/help在手机上执行可能会出现无法点击 bug - 帮助内容的显示效果
- 切换按钮的三角符号切换时有位移 bug
- 在网速加载慢的场景,符合加载有问题
结语
Puremo Blog 前期由 Gemini 与 Google AI Studio 帮助下完成,目前 Google AI Studio 对于上传的文件格式有开始有了限制。虽然可以通过修改文件格式的方式变相实现,不过总归还是不方便。这两天过年回去身边没有电脑,所以这俩项目暂时停止维护。