Runsli 的小站

我在业余时间用 AI 做的两个项目

项目; AI
826 字

前言

去年秋天的时候,偶然间想做一个博客项目。一开始的时候接触到了很多的博客项目,不过一个主要问题就是,当服务器部署在一些国外的平台情况下,网站整体的加载速度比较慢。

然后偶然间接触到 1Mb Club512Kb Clubno-JS 等等项目。我大概翻阅了一些,里面几乎没有简体中文的博客类网站。

于是,就有了第一个项目,我用 Gemini 写的一个博客框架。

PureMo Blog

第一步上手的话,应该是十一月。第一步就是先让他写一个蕴含所有内容的 HTML 文件。这个项目之处的主要宗旨是不使用一句 JavaScript 语法,以保持整体的轻量化。

这个时候,主要的重点还是让 AI 根据自己的喜好,去定制喜欢的页面效果。

第二步,便是让他实现一个功能,也就是可以根据一个文件夹内的 markdown.md 文件来自动生成我们需要的博客文章页面。

完成这一步的时候,就可以考虑代码的可维护性了。因为一开始是把所有框架代码、css样式、首页都放在一个 html 内,总体维护体验很差。于是就是让他把生成、解析、css样式、基础html模板分离到多个文件内。这样后面需要修改哪些部分的功能,可以单独进行针对性修改。

其实,实现这一步的时候倒也不全是出于维护性。主要还是 Gemini 以及 Vibe Coding 的一个特点,就是喜欢偷偷摸摸改代码,他还自己不承认。我对于前端这块还是掌握的比较少,于是就让分离了。

归档页,分类的页面通过 markdown 文件内的 yaml 区域,解析内容生成对应的效果,就比较简单了。

当前存在的问题

  • 推荐转载的格式 区域的文字换行,以及 Windows 下的显示效果
  • 深色模式下的颜色看起来有点问题
  • 以及其他问题

项目链接 PureMo-Blog 一个基于Python的博客项目

因为搜索引擎默认情况下,搜索结果的 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 对于上传的文件格式有开始有了限制。虽然可以通过修改文件格式的方式变相实现,不过总归还是不方便。这两天过年回去身边没有电脑,所以这俩项目暂时停止维护。