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

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
美团技术团队
Last Week in AI
Last Week in AI
WordPress大学
WordPress大学
博客园 - 三生石上(FineUI控件)
博客园 - 聂微东
雷峰网
雷峰网
阮一峰的网络日志
阮一峰的网络日志
博客园 - 叶小钗
IT之家
IT之家
Google DeepMind News
Google DeepMind News
D
Docker
J
Java Code Geeks
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 【当耐特】
V
V2EX
Hugging Face - Blog
Hugging Face - Blog
博客园 - Franky
月光博客
月光博客
宝玉的分享
宝玉的分享
酷 壳 – CoolShell
酷 壳 – CoolShell
aimingoo的专栏
aimingoo的专栏
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客 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 拷进目录,敲一条命令,页面就更新了。

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