[2026.07.04]和Codex一起把足迹地图重新理顺

这阵子把自己的网站和小程序认真收拾了一轮，感觉像是给一个用了很多年的老房子重新理了理动线：东西还是自己的东西，但终于顺手多了。

最主要的变化是足迹地图。以前这个功能有点“能用就行”：WordPress 里一套旧数据，网页里嵌一个页面，小程序里再单独撑一个地图，看起来像拼出来的。现在重新整理后，后台可以专门管理足迹，新增时能关联文章、搜索地址、地图选点，省市和经纬度也尽量自动带出来。网页和小程序都统一使用新的足迹数据，点开地图上的位置，就能看到对应文章卡片，标题、日期、地点、图片和跳转都更清楚。

小程序这边也顺手打磨了不少体验。足迹地图改成更适合手机操作的全屏地图，卡片不再被底部菜单挡住，选中的图标也更明显。文章卡片的样式尽量和首页列表保持一致，有图就显示图，没图就干干净净地只显示文字，不再硬塞占位图。横图竖图也做了适配，看起来舒服很多。

文章相关的列表和详情页也一起调整了。首页、分类页、往年今日这些地方的文章展示更统一了，缩略图尽量取文章第一张图，分类、时间这些信息也更规整。文章详情页加了打赏模块，去掉了突兀的按钮感，改成更自然的小程序风格；音乐播放器也重新设计了样式，播放时能显示当前文章标题，不再像一个硬插进去的零件。

还有一些不显眼但很影响心情的小问题也处理了，比如页面加载时旧菜单和版权信息乱跳、瀑布流文章卡片间距突然变大、地图底部空白、线上图片路径不一致等。这些问题单个看都不大，但修完之后，整个体验就从“差不多能用”变成了“终于顺眼”。

这次最省心的是有 Codex 帮忙。很多问题我其实只能描述现象，比如“本地有图线上没图”“这个卡片怪怪的”“地图这里不舒服”，但它能自己去查代码、接口和数据，再把问题定位出来。对我这种代码小白来说，这种感觉特别好：不用先把自己训练成程序员，先把想法说清楚，就已经能往前走很多。

折腾个人网站最开心的地方也在这里。它不是一次做完的项目，而是慢慢养出来的东西。每修好一个小细节，网站和小程序就更像自己想要的样子一点。

打赏 赞