惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
大猫的无限游戏
大猫的无限游戏
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 叶小钗
月光博客
月光博客
Last Week in AI
Last Week in AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
阮一峰的网络日志
阮一峰的网络日志
罗磊的独立博客
IT之家
IT之家
美团技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
S
SegmentFault 最新的问题
宝玉的分享
宝玉的分享
博客园 - Franky
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Jina AI
Jina AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
The Cloudflare Blog
博客园 - 司徒正美
爱范儿
爱范儿

博客 on 老刘博客

博客托管平台换成edgeone pages 博客评论换回Giscus 把GotoSocial嵌入到Hugo 给Hugo PaperMod主题添加一个漂亮又简洁的友情链接页面 重新启航 Hello World 如何使用git并把代码提交到GitHub Hugo-papermod主题的优化记录 朋友们,博客改名加换域名了! 重新弄了下博客环境 博客改名字了
给博客加上了个运动记录
老刘 · 2026-08-17 · via 博客 on 老刘博客

八月初开始跑步,跑了几次之后,想把这些轨迹留下来。手机里的记录躺在华为健康里,看是能看,但总觉得缺个"正经"的地方。于是动了心思:把运动记录加到博客上,做成一个页面。

说干就干

老方法,让 Hermes 帮我做。流程并不复杂:华为健康导出的 GPX 文件丢进本地一个目录,一个 Python 脚本把它们解析成 JSON,Hugo 构建的时候读这份 JSON,渲染成页面。GPX 里该有的东西都有——里程、时长、配速、经纬度轨迹,解析一遍就全出来了。

页面上有什么

现在打开博客的运动页面,能看到三样东西。

最上面是统计:总里程 23.18 公里,总时长 4 小时 56 分,跑步和步行分开列。下面是日历热力图,哪天动了、动了多少,一格一格标出来,看起来还挺有成就感。再往下就是每条记录,带一张轨迹地图,当天跑的路线画在上面,一清二楚。

从 8 月 9 号到现在,页面上攒了六条记录:三次跑步、三次步行。跑步加起来 12.8 公里,步行 10.39 公里。数字不大,但都是真的。

最顺手的是一键脚本

最让我满意的其实是那条一键命令。解析 GPX、生成 JSON、构建、提交、推送,一气呵成,剩下的交给 EdgeOne Pages 自动部署。以后跑完步,把手机导出的 GPX 拷进目录,敲一条命令,页面就更新了。

从此跑步这件事,多了一个可以回去翻翻的地方。哪天跑不动了,打开这个页面看看,那些画在地图上的圈,都还记得。