在12月评优、1月年会、2月春节、3月“被”离职后,在求职间隙终于有时间重新打理本博客。
博客依旧使用 Astro 框架,通过 GitHub 推送至 Vercel 部署。考虑到求职过程中可能会以小站作为 Bio 页,所以将较为年轻化、二次元风格的 Fuwari 主题切换至更为简约、正式的 Litos 主题。并对 Litos 主题进行了部分修改,修改内容如下:
以下修改内容均为 Trae SOLO 智能体独立完成,本人仅提出了修改需求
1. 增加 i18n 多语言支持h2
作为一名英语专业毕业生,无论是作为本地化译员还是在寻找远程职业的过程中,能够直接接触国外客户无疑是最优选择。
除常规的邮件、Linkedin 之外,英文博客也是触及途径之一,毕竟他们可不会翻你的公众号、小红书或是微博。
Litos 主题本身不支持多语言的设置,但因为 Astro 框架内置了 i18n 路由支持,告诉 Trae 我的需求后,在 TA 的一通修改下,实现了“中文 - English”的双语切换。
2. 修改首页 GitHub 提交次数热力图h2
虽然每次更新博客都会有一次 GitHub 的提交记录,但由于我并非程序员,GitHub 的活跃度似乎对我意义不大,故修改为能够更直观体现我博客更新情况的文章字数热力图。
此处,参考了 大大的小蜗牛 的博客文章,要求 Trae SOLO Agent 在保持主题热力图风格的基础上,将热力图的数据来源由抓取 GitHub 提交次数修改为抓取博客文章的字数。
Trae SOLO Agent 也给出了更优的颜色分级方案,没有采用固定的数字阈值,而是通过相对字数(归一化) 的方式,实现颜色的动态变化。后续我也仅根据主题亮色和暗色模式下的可读性上对颜色进行了简单调整。
至撰写本篇文章时发现,热力图对英文字数的统计似乎不准,待后续修复。
- 修复热力图英文字数统计
3. 新增「关于/履历」页面h2
其实 Litos 主题的灵感来源,Nedim Arabacı 的博客 本就是他的在线履历,只是作者 Dnzzk2 因一些原因在 Litos 主题中去掉了。于是,我给了 Trae SOLO 智能体 Nedim 博客的 GitHub 仓库链接,让他根据 Nedim 的博客样式,新增「关于/履历」页面。
这个任务 Trae SOLO 初次完成的并不好,样式不一致、字号不统一、文字没对齐…… 于是截图叫 TA 一点点进行修正。去掉擅自增加的时间线装饰、为每段工作经历间增加间隔、添加高亮效果;修改字号、间距、对齐方式,倒也总算完成了「关于/履历」页面的内容。
4. 修改「文章」页面h2
Litos 主题「文章」页面,如果一篇博客没有封面图,会有一个模糊的空白的图片进行占位,不是很美观,于是要求 Trae 进行修改。带封面图的文章保持主题原样不变,不带封面图的将图片占位取消,并文章标题和简介的限位拉长至边缘位置。
5. 修改「项目」页面h2
Litos 主题的「项目」页面可以直观显示 GitHub 上的项目,但作为文科生,虽然有 Fork 几个小项目,但算不上活跃。倒是参与本地化并获得 Credits 的几款游戏有 Steam 的页面。于是要求 Trae 在保持原 GitHub 项目展示效果不变的情况下,按照「文章」的样式展示 Steam 上的游戏项目。
此处需求提的并不完整,但 Trae 很聪明的为 Steam 项目也加上了和 GitHub 项目一样的圆角边框以及高亮效果。后续仅针对项目的间距分布进行了简单调整。
6. 新增 Artalk 评论区h2
Litos 主题自带 Gitalk 评论区,使用起来需要登录 GitHub 账号,不是很方便。而且在使用 Fuwari 主题时使用的就是 Artalk 评论,更换主题后希望继续保持,于是叫 Trae 引入了 Artalk 评论。至撰写本篇文章时发现,Artalk 评论并为完成 i18n 多语言的支持,待后续调整中。
- 为 Artalk 设置多语言支持
7. 细节美化及调整h2
- 修改中文字体为「霞鹜文楷」英文字体为「Mapple Mono」
- 修改 Avatar 图标和 Favicon 图标
- 修改 Header 部分图标为圆角图标
- 修改「技能」图标
评论