减肥前的准备工作 – Strava Running Sync WordPress 插件
最近想开始减肥，作为一个博客作者，准备工作当然是做一个 WordPress 跑步骑行插件（捂脸）。
Strava Running Sync 的灵感来源于 Running Page，可自动同步 Strava 跑步数据并在网站上进行可视化展示。
展示页面：https://anotherdayu.com/runningpage/
功能特性
- 🏃♀️ 多运动支持 – 自动同步跑步、步行、骑行等运动数据
- 📊 统计展示 – 显示总距离、总时长、平均配速等统计信息
- 🗺️ 地图可视化 – 在交互式地图上展示运动轨迹
- 📋 数据表格 – 以表格形式展示详细的活动列表，适配电脑和手机端
- 🎯 类型筛选 – 支持按运动类型筛选数据
- 🔄 定时同步 – 支持每小时自动同步最新数据
安装与配置
1. 创建Strava应用
- 访问 Strava API设置页面
- 点击「Create App」创建新应用
- 填写应用信息：
- Application Name: 你的应用名称
- Category: 选择适当的分类
- Club: 可留空
- Website: 你的网站地址（如 https://anotherdayu.com/）
- Authorization Callback Domain: 你的域名（如：example.com），重要：Authorization Callback Domain 只填写域名，不要包含协议和路径。（如 anotherdayu.com）
回调URL配置说明：如果你的 WordPress 安装在子目录或使用自定义域名，可以在插件设置中修改回调 URL。
最后需要保存 Client ID 和 Client Secret
2. 安装插件
- 前往 Github 下载插件：https://github.com/DayuGuo/strava-running-sync 。
- 将插件文件夹上传到
/wp-content/plugins/目录；或直接在插件页面上传插件压缩包安装。 - 在 WordPress 后台激活插件。
3. 配置插件
- 在 WordPress 后台进入「Strava Running」设置页面（侧边栏）
- 填入从 Strava 获取的 Client ID 和 Client Secret
- 点击「连接到Strava」按钮完成 OAuth 授权
- 配置显示选项（地图样式、自动同步等）
- 点击「立即同步」进行首次数据同步
- 插件基于 Mapbox，需申请账号并获取 Mapbox Access Token。
使用方法
短代码参数
所有短代码都需要在两侧添加 []
使用 strava_running_display 短代码在页面或文章中显示跑步数据。
支持的参数：
type– 显示类型both– 同时显示统计、地图和表格（默认）stats– 仅显示统计信息map– 仅显示地图table– 仅显示数据表格limit– 显示的活动数量（默认50）map_height– 地图高度（默认500px）
示例
技术支持
如遇到问题或需要技术支持，请：
- 检查 WordPress 和 PHP 版本兼容性
- 确认 Strava API 配置正确
- 验证回调 URL 配置
- 查看 WordPress 错误日志
开源协议
本插件采用 GPL v2 协议开源。
享受跑步，享受数据！🏃♀️💨