From 94485c392ff0141882adf03cea851229521900e7 Mon Sep 17 00:00:00 2001 From: Friends A Date: Wed, 25 Oct 2023 09:52:18 +0800 Subject: [PATCH 1/2] docs:rewrite docs (#514) docs:rewrite docs Signed-off-by: shaoanianche --- README-CN.md | 340 ++++++++++++++++++++++++++++++--------------------- README.md | 207 +++++++++++++++++-------------- 2 files changed, 318 insertions(+), 229 deletions(-) diff --git a/README-CN.md b/README-CN.md index 8955107b261..ac76ff4a270 100644 --- a/README-CN.md +++ b/README-CN.md @@ -1,10 +1,13 @@ -## note1: clone or Fork before vercel 404 need to pull the latest code - -## note2: python3(python) in README means python3 python - -## note3: use v2.0 need change vercel setting from gatsby to vite - -## note4: 2023.09.26 garmin need secret_string(and in Actions) get `python run_page/garmin_sync.py ${email} ${password}` if cn `python run_page/garmin_sync.py ${email} ${password} --is-cn` +## Note +1. clone or Fork before vercel 404 need to pull the latest code +2. python3(python) in README means python3 python +3. use v2.0 need change vercel setting from gatsby to vite +4. 2023.09.26 garmin need secret_string(and in Actions) get +```bash + python run_page/get_garmin_secret.py ${email} ${password} + # if cn + python run_page/get_garmin_secret.py ${email} ${password} --is-cn + ``` ![running_page](https://socialify.git.ci/yihong0618/running_page/image?description=1&font=Inter&forks=1&issues=1&language=1&logo=https%3A%2F%2Fraw.githubusercontent.com%2Fshaonianche%2Fgallery%2Fmaster%2Frunning_page%2Frunning_page_logo_150*150.jpg&owner=1&pulls=1&stargazers=1&theme=Light) @@ -19,6 +22,8 @@ R.I.P. 希望大家都能健康顺利的跑过终点，逝者安息。
GIF 展示 +
+ ![running_page](https://user-images.githubusercontent.com/15976103/98808834-c02f1d80-2457-11eb-9a7c-70e91faa5e30.gif)
@@ -28,6 +33,8 @@ R.I.P. 希望大家都能健康顺利的跑过终点，逝者安息。
Running page runners +
+ | Runner | page | App | | ------------------------------------------------- | ---------------------------------------------- | ----------- | | [zhubao315](https://github.com/zhubao315) | | Strava | @@ -95,19 +102,21 @@ R.I.P. 希望大家都能健康顺利的跑过终点，逝者安息。 ## 特性 -1. GitHub Actions 管理自动同步跑步进程及自动生成新的页面 -2. 支持 Vercel(推荐) 和 GitHub Pages 自动部署 +1. GitHub Actions 自动同步跑步数据，生成展示页面 +2. 支持 Vercel（推荐）和 GitHub Pages 自动部署 3. React Hooks 4. Mapbox 进行地图展示 -5. Nike 及 Runtastic(Adidas Run) 以及佳明（佳明中国）及 Keep 等，自动备份 gpx 数据，方便备份及上传到其它软件 +5. Nike、Strava、佳明（佳明中国）及 Keep 等，自动备份 GPX 数据，方便备份及上传到其它软件 -> 因为数据存在 gpx 和 data.db 中，理论上支持几个软件一起，你可以把之前各类 app 的数据都同步到这里（建议本地同步，之后 actions 选择正在用的 app） +> 因为数据存在 gpx 和 data.db 中，理论上支持几个软件一起，你可以把之前各类 App 的数据都同步到这里（建议本地同步，之后 Actions 选择正在用的 App） -> 注：如果你不想公开数据，可以选择 strava 的模糊处理，或 private 仓库。 +> 如果你不想公开数据，可以选择 `Strava` 的模糊处理，或 `private` 仓库。
缩放地图彩蛋 +
+ ![image](https://user-images.githubusercontent.com/15976103/95644909-a31bcd80-0aec-11eb-9270-869b0a94f59f.png)
@@ -119,8 +128,8 @@ R.I.P. 希望大家都能健康顺利的跑过终点，逝者安息。 - **[Garmin](#garmin)** - **[Garmin-cn](#garmin-cn-大陆用户请用这个)** - **[Keep](#keep)** -- **[悦跑圈](#joyrun悦跑圈，因悦跑圈限制单个设备原因，无法自动化)** -- **[咕咚](#codoon咕咚，因咕咚限制单个设备原因，无法自动化)** +- **[悦跑圈](#joyrun悦跑圈)** ：限制单个设备，无法自动化 +- **[咕咚](#codoon咕咚)** ：限制单个设备，无法自动化 - **[郁金香运动](#tulipsport)** - **[GPX](#gpx)** - **[TCX](#tcx)** @@ -138,13 +147,13 @@ R.I.P. 希望大家都能健康顺利的跑过终点，逝者安息。 ## 下载 -``` +```bash git clone https://github.com/yihong0618/running_page.git --depth=1 ``` ## 安装及测试 (node >= 16 python >= 3.8) -``` +```bash pip3 install -r requirements.txt npm install -g corepack && corepack enable && pnpm install pnpm develop @@ -154,16 +163,19 @@ pnpm develop ## Docker -``` -#构建 +```bash # NRC docker build -t running_page:latest . --build-arg app=NRC --build-arg nike_refresh_token="" + # Garmin docker build -t running_page:latest . --build-arg app=Garmin --build-arg secret_string="" + # Garmin-CN docker build -t running_page:latest . --build-arg app=Garmin-CN --build-arg secret_string="" + # Strava docker build -t running_page:latest . --build-arg app=Strava --build-arg client_id="" --build-arg client_secret="" --build-arg refresh_token="" + #Nike_to_Strava docker build -t running_page:latest . --build-arg app=Nike_to_Strava --build-arg nike_refresh_token="" --build-arg client_id="" --build-arg client_secret="" --build-arg refresh_token="" @@ -175,26 +187,27 @@ docker run -itd -p 80:80 running_page:latest ``` -## 替换 `src/utils/const.js` 文件中的 Mapbox token +## 替换 Mapbox token -> 建议有能力的同学把代码中的 Mapbox token 自己的 [Mapbox token](https://www.mapbox.com/) +> 建议有能力的同学把 `src/utils/const.ts` 文件中的 Mapbox token 自己的 [Mapbox token](https://www.mapbox.com/) -```javascript -const MAPBOX_TOKEN = - 'pk.eyJ1IjoieWlob25nMDYxOCIsImEiOiJja2J3M28xbG4wYzl0MzJxZm0ya2Fua2p2In0.PNKfkeQwYuyGOTT_x9BJ4Q'; +> 如果你是海外用户请更改 `IS_CHINESE = false` in `src/utils/const.ts` + +```typescript +const MAPBOX_TOKEN ='pk.eyJ1IjoieWlob25nMDYxOCIsImEiOiJja2J3M28xbG4wYzl0MzJxZm0ya2Fua2p2In0.PNKfkeQwYuyGOTT_x9BJ4Q'; ``` -### 如果你是海外用户请更改 `IS_CHINESE = false` in `src/utils/const.js` -## 一些个性化选项 -- 在仓库目录下找到 `src/static/site-metadata.ts`，找到以下内容并修改成你自己想要的。 +## 个性化设置 + +> 在仓库目录下找到 `src/static/site-metadata.ts`，找到以下内容并修改成你自己想要的。 -```javascript +```typescript siteMetadata: { siteTitle: 'Running Page', #网站标题 siteUrl: 'https://yihong.run', #网站域名 - logo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQTtc69JxHNcmN1ETpMUX4dozAgAN6iPjWalQ&usqp=CAU', #左上角LOGO + logo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQTtc69JxHNcmN1ETpMUX4dozAgAN6iPjWalQ&usqp=CAU', #左上角 LOGO description: 'Personal site and blog', navLinks: [ { @@ -209,42 +222,48 @@ siteMetadata: { }, ``` -- 修改 `src/utils/const.js` 文件中的样式： +> 修改 `src/utils/const.ts` 文件中的样式： -```javascript +```typescript // styling: 关闭虚线：设置为 `false` const USE_DASH_LINE = true; // styling: 透明度：[0, 1] const LINE_OPACITY = 0.4; ``` -- 隐私保护： +> 隐私保护：设置下面环境变量： -设置下面环境变量： +```bash +# 忽略每个 polyline 的起点和终点的长度（单位：米）。 +IGNORE_START_END_RANGE = 200 -```shell -IGNORE_START_END_RANGE = 200 # 忽略每个 polyline 的起点和终点的长度（单位：米）。 +# 忽略下面 polyline 中每个点的距离的圆圈（单位：米）。 +IGNORE_RANGE = 200 -IGNORE_RANGE = 200 # 忽略下面 polyline 中每个点的距离的圆圈（单位：米）。 -IGNORE_POLYLINE = ktjrFoemeU~IorGq}DeB # 包含要忽略的点的折线。 +# 包含要忽略的点的折线。 +IGNORE_POLYLINE = ktjrFoemeU~IorGq}DeB -# 在保存到数据库之前进行过滤，你会丢失一些数据，但可以保护你的隐私，如果你使用的是公共仓库，建议设置为1。不设置可关闭。 +# 在保存到数据库之前进行过滤，你会丢失一些数据，但可以保护你的隐私，如果你使用的是公共仓库，建议设置为 1。不设置可关闭。 IGNORE_BEFORE_SAVING = 1 ``` -你可一用[这个](https://developers.google.com/maps/documentation/utilities/polylineutility)，来制作你的 `IGNORE_POLYLINE`。如果你在中国，请使用卫星图制作，避免火星坐标漂移。 +> 你可以使用` +Google Maps` 的 [互动式多段线编码器实用程序](https://developers.google.com/maps/documentation/utilities/polylineutility)，来制作你的 `IGNORE_POLYLINE`。如果你在中国，请使用卫星图制作，避免火星坐标漂移。 + +## 下载数据到本地 -## 下载您的 Nike Run Club/Strava/Garmin/Garmin-cn/Keep 数据，[别忘了在 `total` 页面生成可视化 SVG](#total-data-analysis) +> 下载您的 Nike Run Club/Strava/Garmin/Garmin-cn/Keep 数据到本地，别忘了在 total 页面生成可视化 SVG ### GPX
Make your GPX data +
-把其它软件生成的 gpx files 拷贝到 GPX_OUT 之后运行 +把其它软件生成的 `gpx files` 拷贝到 `GPX_OUT` 之后运行 -```python +```bash python3(python) run_page/gpx_sync.py ``` @@ -254,11 +273,12 @@ python3(python) run_page/gpx_sync.py
Make your TCX data +
-把其它软件生成的 tcx files 拷贝到 TCX_OUT 之后运行 +把其它软件生成的 `tcx files` 拷贝到 `TCX_OUT` 之后运行 -```python +```bash python3(python) run_page/tcx_sync.py ``` @@ -268,11 +288,12 @@ python3(python) run_page/tcx_sync.py
Make your FIT data +
把其它软件生成的 fit files 拷贝到 FIT_OUT 之后运行 -```python +```bash python3(python) run_page/fit_sync.py ``` @@ -283,27 +304,29 @@ python3(python) run_page/fit_sync.py
获取您的 Keep 数据 +
+ > 确保自己的账号能用手机号 + 密码登陆 (不要忘记添加 secret 和更改自己的账号，在 GitHub Actions 中), 注：海外手机号需要换成国内 +86 的手机号 -```python +```bash python3(python) run_page/keep_sync.py ${your mobile} ${your password} ``` 示例： -```python +```bash python3(python) run_page/keep_sync.py 13333xxxx example ``` -> 注：我增加了 keep 可以导出 gpx 功能（因 keep 的原因，距离和速度会有一定缺失）, 执行如下命令，导出的 gpx 会加入到 GPX_OUT 中，方便上传到其它软件 +> 我增加了 keep 可以导出 gpx 功能（因 keep 的原因，距离和速度会有一定缺失）, 执行如下命令，导出的 gpx 会加入到 GPX_OUT 中，方便上传到其它软件 -```python +```bash python3(python) run_page/keep_sync.py ${your mobile} ${your password} --with-gpx ``` 示例： -```python +```bash python3(python) run_page/keep_sync.py 13333xxxx example --with-gpx ``` @@ -312,9 +335,11 @@ python3(python) run_page/keep_sync.py 13333xxxx example --with-gpx
路线偏移修正 +
+ 如果您得到的运动路线与实际路线对比有整体偏移，可以修改代码中的参数进行修正 -> 注：Keep 目前采用的是 GCJ-02 坐标系，因此导致得到运动数据在使用 WGS-84 坐标系的平台（Mapbox、佳明等）中显示轨迹整体偏移 +> Keep 目前采用的是 GCJ-02 坐标系，因此导致得到运动数据在使用 WGS-84 坐标系的平台（Mapbox、佳明等）中显示轨迹整体偏移 - 修改 `run_page/keep_sync.py` 文件中的参数： @@ -327,48 +352,51 @@ TRANS_GCJ02_TO_WGS84 = True ### JoyRun（悦跑圈） +> 因悦跑圈限制单个设备，无法自动化。 +
获取您的悦跑圈数据 -获取登陆验证码： - -确保自己的账号能用手机号 + 验证码登陆 +
-点击获取验证码 +1. 获取登陆验证码： +2. 确保自己的账号能用手机号 + 验证码登陆 +3. 点击获取验证码 -> 注：不要在手机输入验证码，拿到验证码就好，用这个验证码放到下方命令中 +> 不要在手机输入验证码，拿到验证码就好，用这个验证码放到下方命令中 ![image](https://user-images.githubusercontent.com/15976103/102352588-e3af3000-3fe2-11eb-8131-14946b0262eb.png) -```python +```bash python3(python) run_page/joyrun_sync.py ${your mobile} ${your 验证码} ``` 示例： -```python +```bash python3(python) run_page/joyrun_sync.py 13333xxxx xxxx ``` -> 注：我增加了 joyrun 可以导出 gpx 功能，执行如下命令，导出的 gpx 会加入到 GPX_OUT 中，方便上传到其它软件 +joyrun 导出 gpx 文件 +> 导出的 gpx 在 GPX_OUT 目录，方便上传到其它软件 -```python +```bash python3(python) run_page/joyrun_sync.py ${your mobile} ${your 验证码} --with-gpx ``` 示例： -```python +```bash python3(python) run_page/joyrun_sync.py 13333xxxx example --with-gpx ``` -> 注：因为验证码有过期时间，我增加了 cookie uid sid 登陆的方式，uid 及 sid 在您登陆过程中会在控制台打印出来 +> 因为验证码有过期时间，我增加了 cookie uid sid 登陆的方式，uid 及 sid 在您登陆过程中会在控制台打印出来 ![image](https://user-images.githubusercontent.com/15976103/102354069-05a9b200-3fe5-11eb-9b30-221c32bbc607.png) 示例： -```python +```bash python3(python) run_page/joyrun_sync.py 1393xx30xxxx 97e5fe4997d20f9b1007xxxxx --from-uid-sid --with-gpx ``` @@ -376,38 +404,44 @@ python3(python) run_page/joyrun_sync.py 1393xx30xxxx 97e5fe4997d20f9b1007xxxxx - ### Codoon（咕咚） +> 因悦跑圈限制单个设备，无法自动化。 +
获取您的咕咚数据 -```python +
+ +```bash python3(python) run_page/codoon_sync.py ${your mobile or email} ${your password} ``` 示例： -```python +```bash python3(python) run_page/codoon_sync.py 13333xxxx xxxx ``` -> 注：我增加了 Codoon 可以导出 gpx 功能，执行如下命令，导出的 gpx 会加入到 GPX_OUT 中，方便上传到其它软件 +Codoon 导出 gpx -```python +> 导出的 gpx 在 GPX_OUT 目录，方便上传到其它软件 + +```bash python3(python) run_page/codoon_sync.py ${your mobile or email} ${your password} --with-gpx ``` 示例： -```python +```bash python3(python) run_page/codoon_sync.py 13333xxxx xxxx --with-gpx ``` -> 注：因为登录 token 有过期时间限制，我增加了 refresh_token&user_id 登陆的方式，refresh_token 及 user_id 在您登陆过程中会在控制台打印出来 +> 因为登录 token 有过期时间限制，我增加了 refresh_token&user_id 登陆的方式，refresh_token 及 user_id 在您登陆过程中会在控制台打印出来 ![image](https://user-images.githubusercontent.com/6956444/105690972-9efaab00-5f37-11eb-905c-65a198ad2300.png) 示例： -```python +```bash python3(python) run_page/codoon_sync.py 54bxxxxxxx fefxxxxx-xxxx-xxxx --from-auth-token ``` @@ -416,13 +450,15 @@ python3(python) run_page/codoon_sync.py 54bxxxxxxx fefxxxxx-xxxx-xxxx --from-aut
路线偏移修正 +
+ 如果您得到的运动路线与实际路线对比有整体偏移，可以修改代码中的参数进行修正 -> 注：咕咚最初采用 GCJ-02 坐标系，在 2014 年 3 月份左右升级为 WGS-84 坐标系，导致升级之前的运动数据在使用 WGS-84 坐标系的平台（Mapbox、佳明等）中显示轨迹整体偏移 +> 咕咚最初采用 GCJ-02 坐标系，在 2014 年 3 月份左右升级为 WGS-84 坐标系，导致升级之前的运动数据在使用 WGS-84 坐标系的平台（Mapbox、佳明等）中显示轨迹整体偏移 - 修改 `run_page/codoon_sync.py` 文件中的参数： -> 注：TRANS_END_DATE 需要根据您的实际情况设定，程序会修正这一天之前的运动记录 +> TRANS_END_DATE 需要根据您的实际情况设定，程序会修正这一天之前的运动记录 ```python # If your points need trans from gcj02 to wgs84 coordinate which use by Mappbox @@ -438,15 +474,17 @@ TRANS_END_DATE = "2014-03-24"
获取您的郁金香运动数据 +
+ > 郁金香运动数据的获取方式采用开放平台授权模式，通过访问[RunningPage 授权页面](https://tulipsport.rdshoep.com)获取账号 TOKEN(不会过期，只能访问 2021 年之后的数据)，并在仓库的 GitHub Actions 环境配置中添加`TULIPSPORT_TOKEN`配置。 -```python +```bash python3(python) run_page/tulipsport_sync.py ${tulipsport_token} ``` 示例： -```python +```bash python3(python) run_page/tulipsport_sync.py nLgy****RyahI ``` @@ -456,20 +494,22 @@ python3(python) run_page/tulipsport_sync.py nLgy****RyahI
获取您的 Garmin 数据 +
-如果你只想同步跑步数据增加命令 --only-run -如果你想同步 `tcx` 格式，增加命令 --tcx +- 如果你只想同步跑步数据增加命令 --only-run + +- 如果你想同步 `tcx` 格式，增加命令 --tcx -如果你想同步 `fit` 格式，增加命令 --fit +- 如果你想同步 `fit` 格式，增加命令 --fit -如果你使用 Garmin 作为数据源建议您将代码拉取到本地获取 Garmin 国际区的密钥，注意**Python 版本必须>=3.8** +- 如果你使用 Garmin 作为数据源建议您将代码拉取到本地获取 Garmin 国际区的密钥，注意**Python 版本必须>=3.8** #### 获取佳明国际区的密钥 在终端中输入以下命令 -```python +```bash # 获取密钥 python3(python) run_page/get_garmin_secret.py ${your email} ${your password} ``` @@ -480,30 +520,29 @@ python3(python) run_page/get_garmin_secret.py ${your email} ${your password} 示例： -```python +```bash python3(python) run_page/garmin_sync.py xxxxxxxxxxx ```
-### Garmin-CN (大陆用户请用这个) +### Garmin-CN (大陆用户使用)
-获取您的 Garmin-CN 数据 - -如果你只想同步跑步数据请增加 --only-run +获取您的 Garmin CN 数据 -如果你想同步 `tcx` 格式，增加命令 --tcx - -如果你想同步 `fit` 格式，增加命令 --fit +
-如果你使用 Garmin 作为数据源建议您将代码拉取到本地获取 Garmin 国际区的密钥，注意**Python 版本必须>=3.10** +- 如果你只想同步跑步数据请增加 --only-run +- 如果你想同步 `tcx` 格式，增加命令 --tcx +- 如果你想同步 `fit` 格式，增加命令 --fit +- 如果你使用 Garmin 作为数据源建议您将代码拉取到本地获取 Garmin 国际区的密钥，注意**Python 版本必须>=3.10** -#### 获取佳明国区的密钥 +#### 获取佳明 CN 的密钥 在终端中输入以下命令 -```python +```bash # to get secret_string python3(python) run_page/get_garmin_secret.py ${your email} ${your password} --is-cn ``` @@ -516,13 +555,13 @@ python3(python) run_page/get_garmin_secret.py ${your email} ${your password} --i ![get_garmin_secret](docs/add_garmin_secret_cn_string.jpg) 示例： -```python +```bash python3(python) run_page/garmin_sync.py xxxxxxxxx --is-cn ``` 仅同步跑步数据： -```python +```bash python3(python) run_page/garmin_sync.py xxxxxxxxxx --is-cn --only-run ``` @@ -533,6 +572,8 @@ python3(python) run_page/garmin_sync.py xxxxxxxxxx --is-cn --only-run
获取 Nike Run Club 数据 +
+ > 请注意：当您选择将 running_page 部署在自己的服务器上时，由于 Nike 已经封禁了一部分 IDC 的服务器 IP 段，您的服务器可能不能正常同步 Nike Run Club 的数据并显示 `403 error` ，这时您将不得不选择其他的托管方式。 获取 Nike 的 refresh_token @@ -542,13 +583,13 @@ python3(python) run_page/garmin_sync.py xxxxxxxxxx --is-cn --only-run ![image](https://user-images.githubusercontent.com/15976103/94448123-23812b00-01dd-11eb-8143-4b0839c31d90.png) 3. 在项目根目录下执行： -```python +```bash python3(python) run_page/nike_sync.py ${nike refresh_token} ``` 示例： -```python +```bash python3(python) run_page/nike_sync.py eyJhbGciThiMTItNGIw****** ``` @@ -561,6 +602,8 @@ python3(python) run_page/nike_sync.py eyJhbGciThiMTItNGIw******
获取 Strava 数据 +
+ 1. 注册/登陆 [Strava](https://www.strava.com/) 账号 2. 登陆成功后打开 [Strava Developers](http://developers.strava.com) -> [Create & Manage Your App](https://strava.com/settings/api) @@ -600,7 +643,7 @@ http://localhost/exchange_token?state=&code=1dab37edd9970971fb502c9efdd087f4f347 ![get_code](https://raw.githubusercontent.com/shaonianche/gallery/master/running_page/get_code.png) 6. 使用 Client_id、Client_secret、Code 请求 refresh_token 在 `终端/iTerm` 中执行： -``` +```bash curl -X POST https://www.strava.com/oauth/token \ -F client_id=${Your Client ID} \ -F client_secret=${Your Client Secret} \ @@ -610,7 +653,7 @@ curl -X POST https://www.strava.com/oauth/token \ 示例： -``` +```bash curl -X POST https://www.strava.com/oauth/token \ -F client_id=12345 \ -F client_secret=b21******d0bfb377998ed1ac3b0 \ @@ -625,9 +668,9 @@ curl -X POST https://www.strava.com/oauth/token \ > 第一次同步 Strava 数据时需要更改在 strava_sync.py 中的第 12 行代码 False 改为 True，运行完成后，再改为 False。 -如果你只想同步跑步数据增加命令 --only-run +仅同步跑步数据，添加参数 --only-run -```python +```bash python3(python) run_page/strava_sync.py ${client_id} ${client_secret} ${refresh_token} ``` @@ -649,19 +692,19 @@ python3(python) run_page/strava_sync.py ${client_id} ${client_secret} ${refresh_ 2. 把 tcx 文件全部拷贝到 TCX_OUT 中 3. 在项目根目录下执行： -```python +```bash python3(python) run_page/tcx_to_strava_sync.py ${client_id} ${client_secret} ${strava_refresh_token} ``` 示例： -```python +```bash python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx 或 python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx --all ``` -4. 如果你已经上传过需要跳过判断增加参数 `--all` +> 如果你已经上传过需要跳过判断增加参数 `--all`
@@ -676,13 +719,13 @@ python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx --all 2. 把 gpx 文件全部拷贝到 GPX_OUT 中 3. 在项目根目录下执行： -```python +```bash python3(python) run_page/gpx_to_strava_sync.py ${client_id} ${client_secret} ${strava_refresh_token} ``` 示例： -```python +```bash python3(python) run_page/gpx_to_strava_sync.py xxx xxx xxx 或 python3(python) run_page/gpx_to_strava_sync.py xxx xxx xxx --all @@ -702,13 +745,13 @@ python3(python) run_page/gpx_to_strava_sync.py xxx xxx xxx --all 1. 完成 nike 和 strava 的步骤 2. 在项目根目录下执行： -```python +```bash python3(python) run_page/nike_to_strava_sync.py ${nike_refresh_token} ${client_id} ${client_secret} ${strava_refresh_token} ``` 示例： -```python +```bash python3(python) run_page/nike_to_strava_sync.py eyJhbGciThiMTItNGIw****** xxx xxx xxx ``` @@ -724,13 +767,13 @@ python3(python) run_page/nike_to_strava_sync.py eyJhbGciThiMTItNGIw****** xxx x 1. 完成 garmin 和 strava 的步骤 2. 在项目根目录下执行： -```python +```bash python3(python) run_page/garmin_to_strava_sync.py ${client_id} ${client_secret} ${strava_refresh_token} ${garmin_secret_string} --is-cn ``` 示例： -```python +```bash python3(python) run_page/garmin_to_strava_sync.py xxx xxx xxx xx xxx ``` @@ -746,13 +789,13 @@ python3(python) run_page/garmin_to_strava_sync.py xxx xxx xxx xx xxx 1. 完成 garmin 和 strava 的步骤，同时，还需要在 Github Actions secret 那新增 Strava 配置：`secrets.STRAVA_EMAIL`、`secrets.STRAVA_PASSWORD` 2. 在项目根目录下执行： -```python +```bash python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }} ${{ secrets.GARMIN_SECRET_STRING }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} ``` 如果你的佳明账号是中国区，执行如下的命令： -```python +```bash python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }} ${{ secrets.GARMIN_SECRET_STRING_CN }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} --is-cn ``` @@ -762,11 +805,11 @@ python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID } 最终执行的命令如下： -```python +```bash python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }} ${{ secrets.GARMIN_SECRET_STRING_CN }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} --use_fake_garmin_device ``` -注意：**首次初始化的时候，如果你有大量的 strava 跑步数据，可能有些数据会上传失败，只需要多重试几次即可。** +> 注意：**首次初始化的时候，如果你有大量的 strava 跑步数据，可能有些数据会上传失败，只需要多重试几次即可。**
@@ -775,22 +818,24 @@ python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }
生成数据展示 +
+ - 生成数据展示 SVG - 展示效果：[点击查看](https://raw.githubusercontent.com/yihong0618/running_page/master/assets/github.svg)、[点击查看](https://raw.githubusercontent.com/yihong0618/running_page/28fa801e4e30f30af5ae3dc906bf085daa137936/assets/grid.svg) -> 注：感兴趣的同学可以改下方参数 (--special-distance 10 --special-distance2 20, 10km~20km 展示为 special-color1 20km 以上展示为 special-color2, --min-distance 10.0 用来筛选 10km 以上的) +> 感兴趣的同学可以改下方参数 (--special-distance 10 --special-distance2 20, 10km~20km 展示为 special-color1 20km 以上展示为 special-color2, --min-distance 10.0 用来筛选 10km 以上的) -``` +```bash python3(python) run_page/gen_svg.py --from-db --title "${{ env.TITLE }}" --type github --athlete "${{ env.ATHLETE }}" --special-distance 10 --special-distance2 20 --special-color yellow --special-color2 red --output assets/github.svg --use-localtime --min-distance 0.5 ``` -``` +```bash python3(python) run_page/gen_svg.py --from-db --title "${{ env.TITLE_GRID }}" --type grid --athlete "${{ env.ATHLETE }}" --output assets/grid.svg --min-distance 10.0 --special-color yellow --special-color2 red --special-distance 20 --special-distance2 40 --use-localtime ``` 生成年度环形数据 -``` +```bash python3(python) run_page/gen_svg.py --from-db --type circular --use-localtime ``` @@ -804,6 +849,8 @@ python3(python) run_page/gen_svg.py --from-db --type circular --use-localtime
使用 Vercel 部署 +
+ 1. vercel 连接你的 GitHub repo ![image](https://user-images.githubusercontent.com/15976103/94452465-2599b880-01e2-11eb-9538-582f0f46c421.png) @@ -819,6 +866,7 @@ python3(python) run_page/gen_svg.py --from-db --type circular --use-localtime
使用 Cloudflare 部署 +
1. 登录到 [Cloudflare 仪表板](https://dash.cloudflare.com)。 @@ -831,7 +879,7 @@ python3(python) run_page/gen_svg.py --from-db --type circular --use-localtime 5. 下滑点击 `环境变量 (高级)`，并添加一个如下的变量： - > 变量名称 = `PYTHON_VERSION`, 值 = `3.7` + > 变量名称 = `PYTHON_VERSION`, 值 = `3.8` 6. 点击 `保存并部署`，完成部署。 @@ -840,34 +888,39 @@ python3(python) run_page/gen_svg.py --from-db --type circular --use-localtime
部署到 GitHub Pages -1. 进入仓库的"Settings -> GitHub Pages -> Source"， 选择"GitHub Actions" +
-2. 进入仓库的"Actions -> Workflows -> All Workflows"， 选择左侧面板的"Run Data Sync"， 然后点击"Run workflow" +1. 进入仓库的 "Settings -> GitHub Pages -> Source"，选择 "GitHub Actions" -- "Run Data Sync"将更新数据,然后触发"Publish GitHub Pages"工作流 +2. 进入仓库的 "Actions -> Workflows -> All Workflows"，选择左侧面板的 "Run Data Sync"，然后点击 "Run workflow" + +- "Run Data Sync" 将更新数据，然后触发 "Publish GitHub Pages" 工作流 - 确认工作流运行没有错误 3. 打开网站检查结果 - 如果网站没有反映最新数据，请使用“F5”刷新页面 -- 某些浏览器(比如 Chrome)可能缓存网页不刷新,您需要使用 Ctrl+F5 (Windows) 或 Shift+Cmd+r (Mac)强制清除缓存并重新加载页面 +- 某些浏览器 (比如 Chrome) 可能缓存网页不刷新，您需要使用 Ctrl+F5 (Windows) 或 Shift+Cmd+r (Mac) 强制清除缓存并重新加载页面 -4. 为 GitHub Actions 添加代码提交权限，访问仓库的 `Settings > Actions > General`页面，找到`Workflow permissions`的设置项，将选项配置为`Read and write permissions`，支持 CI 将运动数据更新后提交到仓库中。 +4. 为 GitHub Actions 添加代码提交权限，访问仓库的 `Settings > Actions > General`页面，找到 `Workflow permissions` 的设置项，将选项配置为 `Read and write permissions`，支持 CI 将运动数据更新后提交到仓库中。
-## GitHub Actions (Fork 的同学请一定不要忘了把 GitHub Token 改成自己的，否则会 push 到我的 repo 中，谢谢大家。) +## GitHub Actions +> Fork 的同学请一定不要忘了把 GitHub Token 改成自己的，否则会 push 到我的 repo 中，谢谢大家。
修改 GitHub Actions Token +
+ Actions [源码](https://github.com/yihong0618/running_page/blob/master/.github/workflows/run_data_sync.yml) 需要做如下步骤 1. 更改成你的 app type 及 info ![image](https://user-images.githubusercontent.com/15976103/94450124-73f98800-01df-11eb-9b3c-ac1a6224f46f.png) -2. 在 repo Settings > Secrets 中增加你的 secret (只添加你需要的即可) +2. 在 `repo Settings` > `Secrets` 中增加你的 secret (只添加你需要的即可) ![image](https://user-images.githubusercontent.com/15976103/94450295-aacf9e00-01df-11eb-80b7-a92b9cd1461e.png) 我的 secret 如下 @@ -881,6 +934,8 @@ Actions [源码](https://github.com/yihong0618/running_page/blob/master/.github/ 使用 iOS 的 Shortcuts 实现自动化 +
+ 下面拿 keep app 举例，当结束跑步后关闭 app，然后自动触发 Actions 更新数据。 1. 拿到项目的 actions id（需要自行申请 token） @@ -893,7 +948,7 @@ curl https://api.github.com/repos/yihong0618/running_page/actions/workflows -H " 2. 结合快捷指令 - 1. 通过 icloud 获取 [running-page-shortcuts-template](https://www.icloud.com/shortcuts/4a5807a98b9a4e359815ff179c62bacb) + 1. 通过 iCloud 获取 [running-page-shortcuts-template](https://www.icloud.com/shortcuts/4a5807a98b9a4e359815ff179c62bacb) 2. 修改下图字典参数
@@ -909,14 +964,17 @@ curl https://api.github.com/repos/yihong0618/running_page/actions/workflows -H "
-## 把数据文件放在 github cache 中 + +## Github Cache
-把数据文件放在github cache中 +把数据文件放在 GitHub Cache 中 -`run_data_sync.yml`中的`SAVE_DATA_IN_GITHUB_CACHE`设置为`true`时，可以把脚本抓取和中间产生的数据文件放到 github action cache 中。这样可以让你的 github commit 历史和目录保持干净。 +
-如果你用 github pages 部署建议把这个值设置成`true`。 +`run_data_sync.yml` 中的 `SAVE_DATA_IN_GITHUB_CACHE` 设置为 `true` 时，可以把脚本抓取和中间产生的数据文件放到 GitHub Actions Cache 中。这样可以让你的 GitHub commit 历史和目录保持干净。 + +如果你用 `GitHub Pages` 部署建议把这个值设置成 `true`。
@@ -952,10 +1010,7 @@ curl https://api.github.com/repos/yihong0618/running_page/actions/workflows -H " - 任何 Issues PR 均欢迎。 - 可以提交 PR share 自己的 Running page 在 README 中。 - -提交 PR 前： - -- 使用 black 对 Python 代码进行格式化。(`black .`) +- 提交 PR 前，使用 black 对 Python 代码进行格式化。(`black .`) # 特别感谢 @@ -978,16 +1033,21 @@ curl https://api.github.com/repos/yihong0618/running_page/actions/workflows -H " # FAQ -### Strava 100 每 15 分钟的请求，1000 每日限制 +- Strava 100 每 15 分钟的请求，1000 每日限制 - - + + -等待时间限制（这里是 strava 接口请求限制），不要关闭终端，这里会自动执行下一组上传数据 + 等待时间限制（这里是 strava 接口请求限制），不要关闭终端，这里会自动执行下一组上传数据 -``` -Strava API Rate Limit Exceeded. Retry after 100 seconds -Strava API Rate Limit Timeout. Retry in 799.491622 seconds -``` + ``` + Strava API Rate Limit Exceeded. Retry after 100 seconds + Strava API Rate Limit Timeout. Retry in 799.491622 seconds + ``` +- vercel git + + 如果想 ignpre gh-pages 可以在 `settings` -> `build` -> `Ignored Build Step` -> `Custom` 输入命令： -### vercel git 如果想 ignpre gh-pages 可以在 settings -> build -> Ignored Build Step -> Custom 输入命令 `if [ "$VERCEL_GIT_COMMIT_REF" != "gh-pages" ]; then exit 1; else exit 0;` + ```bash + if [ "$VERCEL_GIT_COMMIT_REF" != "gh-pages" ]; then exit 1; else exit 0; + ``` diff --git a/README.md b/README.md index 85ec8427b4a..002efd663d4 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,13 @@ -## note1: clone or Fork before vercel 404 need to pull the latest code - -## note2: python3(python) in README means python3 python - -## note3: use v2.0 need change vercel setting from gatsby to vite. - -## note4: 2023.09.26 garmin need secret_string(and in Actions) get `python run_page/garmin_sync.py ${email} ${password}` if cn `python run_page/garmin_sync.py ${email} ${password} --is-cn` +## Note +1. clone or Fork before vercel 404 need to pull the latest code +2. python3(python) in README means python3 python +3. use v2.0 need change vercel setting from gatsby to vite +4. 2023.09.26 garmin need secret_string(and in Actions) get +```bash + python run_page/get_garmin_secret.py ${email} ${password} + # if cn + python run_page/get_garmin_secret.py ${email} ${password} --is-cn + ```

@@ -30,6 +33,8 @@ English | [简体中文](https://github.com/yihong0618/running_page/blob/master/

Running page runners +
+ | Runner | page | App | | ------------------------------------------------- | ---------------------------------------------- | ----------- | | [zhubao315](https://github.com/zhubao315) | | Strava | @@ -93,14 +98,15 @@ English | [简体中文](https://github.com/yihong0618/running_page/blob/master/ ## Features -1. GitHub Actions manages automatic synchronization of runs and generation of new pages. +1. GitHub Actions automatically synchronizes running data and generates page displays 2. Support for Vercel (recommended) and GitHub Pages automated deployment 3. React Hooks 4. Mapbox for map display 5. Supports most sports apps such as nike strava... -> automatically backup gpx data for easy backup and uploading to other software.
-> Note: If you don't want to make the data public, you can choose strava's fuzzy processing, or private repositories. + > automatically backup gpx data for easy backup and uploading to other software. + + > Note: If you don't want to make the data public, you can choose strava's fuzzy processing, or private repositories. ## Support @@ -121,13 +127,13 @@ English | [简体中文](https://github.com/yihong0618/running_page/blob/master/ Clone or fork the repo. -``` +```bash git clone https://github.com/yihong0618/running_page.git --depth=1 ``` ## Installation and testing (node >= 16 python >= 3.8) -``` +```bash pip3 install -r requirements.txt npm install -g corepack && corepack enable && pnpm install pnpm develop @@ -137,44 +143,47 @@ Open your browser and visit ## Docker -``` -#build +```bash + # NRC docker build -t running_page:latest . --build-arg app=NRC --build-arg nike_refresh_token="" + # Garmin docker build -t running_page:latest . --build-arg app=Garmin --build-arg secret_string="" + # Garmin-CN docker build -t running_page:latest . --build-arg app=Garmin-CN --build-arg secret_string="" + # Strava docker build -t running_page:latest . --build-arg app=Strava --build-arg client_id="" --build-arg client_secret="" --build-arg refresh_token="" -#Nike_to_Strava + +# Nike_to_Strava docker build -t running_page:latest . --build-arg app=Nike_to_Strava --build-arg nike_refresh_token="" --build-arg client_id="" --build-arg client_secret="" --build-arg refresh_token="" -#run +# run docker run -itd -p 80:80 running_page:latest -#visit +# visit Open your browser and visit localhost:80 ``` ## Local sync data -### Modifying Mapbox token in `src/utils/const.js` +### Modifying Mapbox token -> If you use English please change `IS_CHINESE = false` in `src/utils/const.js`
+> If you use English please change `IS_CHINESE = false` in `src/utils/const.ts`
> Suggested changes to your own [Mapbox token](https://www.mapbox.com/) -```javascript -const MAPBOX_TOKEN = - 'pk.eyJ1IjoieWlob25nMDYxOCIsImEiOiJja2J3M28xbG4wYzl0MzJxZm0ya2Fua2p2In0.PNKfkeQwYuyGOTT_x9BJ4Q'; +```typescript +const MAPBOX_TOKEN ='pk.eyJ1IjoieWlob25nMDYxOCIsImEiOiJja2J3M28xbG4wYzl0MzJxZm0ya2Fua2p2In0.PNKfkeQwYuyGOTT_x9BJ4Q'; ``` ## Custom your page - Find `src/static/site-metadata.ts` in the repository directory, find the following content, and change it to what you want. -```javascript +```typescript siteMetadata: { siteTitle: 'Running Page', #website title siteUrl: 'https://yihong.run', #website url @@ -193,42 +202,48 @@ siteMetadata: { }, ``` -- Modifying styling in `src/utils/const.js` +- Modifying styling in `src/utils/const.ts` -```javascript +```typescript // styling: set to `false` if you want to disable dash-line route const USE_DASH_LINE = true; // styling: route line opacity: [0, 1] const LINE_OPACITY = 0.4; ``` -- privacy protection +> privacy protection,setting flowing env: -setting flowing env: +```bash +# ignore distance for each polyline start and end. +IGNORE_START_END_RANGE = 200 -```shell -IGNORE_START_END_RANGE = 200 # ignore distance for each polyline start and end. +# ignore meters for each point in below polyline. +IGNORE_RANGE = 200 -IGNORE_RANGE = 200 # ignore meters for each point in below polyline. -IGNORE_POLYLINE = ktjrFoemeU~IorGq}DeB # a polyline include point you want to ignore. +# a polyline include point you want to ignore. +IGNORE_POLYLINE = ktjrFoemeU~IorGq}DeB # Do filter before saving to database, you will lose some data, but you can protect your privacy, when you using public repo. enable for set 1, disable via unset. IGNORE_BEFORE_SAVING = ``` -You can using [this](https://developers.google.com/maps/documentation/utilities/polylineutility), to making your `IGNORE_POLYLINE`. +You can using `Google map` [Interactive Polyline Encoder Utility +](https://developers.google.com/maps/documentation/utilities/polylineutility), to making your `IGNORE_POLYLINE`. -## Download your running data and do not forget to [generate svg in `total` page](#total-data-analysis) +## Download your running data + +> Download your running data and do not forget to [generate svg in `total` page](#total-data-analysis) ### GPX
Make your GPX data +
Copy all your gpx files to GPX_OUT or new gpx files -```python +```bash python3(python) run_page/gpx_sync.py ``` @@ -238,11 +253,12 @@ python3(python) run_page/gpx_sync.py
Make your TCX data +
Copy all your tcx files to TCX_OUT or new tcx files -```python +```bash python3(python) run_page/tcx_sync.py ``` @@ -252,11 +268,12 @@ python3(python) run_page/tcx_sync.py
Make your FIT data +
Copy all your tcx files to FIT_OUT or new fit files -```python +```bash python3(python) run_page/fit_sync.py ``` @@ -266,43 +283,42 @@ python3(python) run_page/fit_sync.py
Get your Garmin data -
-If you only want to sync `type running` add args --only-run -If you only want `tcx` files add args --tcx - -If you only want `fit` files add args --fit +
-If you are using Garmin as a data source, it is recommended that you pull the code to your local environment to run and obtain the Garmin secret. +- If you only want to sync `type running` add args --only-run +- If you only want `tcx` files add args --tcx +- If you only want `fit` files add args --fit +- If you are using Garmin as a data source, it is recommended that you pull the code to your local environment to run and obtain the Garmin secret. **The Python version must be >=3.8** #### Get Garmin Secret Enter the following command in the terminal -```python +```bash # to get secret_string python3(python) run_page/get_garmin_secret.py ${your email} ${your password} ``` #### Execute Garmin Sync Script -Copy the Secret output in the terminal,If you are using Github, please configure **GARMIN_SECRET_STRING** in Github Action. +Copy the Secret output in the terminal,If you are using Github, please configure **GARMIN_SECRET_STRING** in `Github Action`. -```python +```bash # use this secret_string python3(python) run_page/garmin_sync.py ${secret_string} ``` example： -```python +```bash python3(python) run_page/get_garmin_secret.py xxxxxxxxxxx ``` only-run： -```python +```bash python3(python) run_page/garmin_sync.py xxxxxxxxxxxxxx(secret_string) --only-run ``` @@ -312,21 +328,20 @@ python3(python) run_page/garmin_sync.py xxxxxxxxxxxxxx(secret_string) --only-run
Get your Garmin-CN data -
-If you only want to sync `type running` add args --only-run - -If you only want `tcx` files add args --tcx -If you only want `fit` files add args --fit +
-If you are using Garmin as a data source, it is recommended that you pull the code to your local environment to run and obtain the Garmin secret. +- If you only want to sync `type running` add args --only-run +- If you only want `tcx` files add args --tcx +- If you only want `fit` files add args --fit +- If you are using Garmin as a data source, it is recommended that you pull the code to your local environment to run and obtain the Garmin secret. **The Python version must be >=3.10** #### Get Garmin CN Secret Enter the following command in the terminal -```python +```bash # to get secret_string python3(python) run_page/get_garmin_secret.py ${your email} ${your password} --is-cn ``` @@ -340,13 +355,13 @@ Copy the Secret output in the terminal,If you are using Github, please configure example： -```python +```bash python3(python) run_page/garmin_sync.py xxxxxxxxx(secret_string) --is-cn ``` only-run： -```python +```bash python3(python) run_page/garmin_sync.py xxxxxxxxxxxxxx(secret_string) --is-cn --only-run ``` @@ -372,13 +387,13 @@ Get Nike's `refresh_token` 3. Execute in the root directory: -```python +```bash python3(python) run_page/nike_sync.py ${nike refresh_token} ``` example： -```python +```bash python3(python) run_page/nike_sync.py eyJhbGciThiMTItNGIw****** ``` @@ -390,11 +405,11 @@ python3(python) run_page/nike_sync.py eyJhbGciThiMTItNGIw******
Get your Strava data +
1. Sign in/Sign up [Strava](https://www.strava.com/) account 2. Open after successful Signin [Strava Developers](http://developers.strava.com) -> [Create & Manage Your App](https://strava.com/settings/api) - 3. Create `My API Application`: Enter the following information
@@ -427,13 +442,13 @@ https://www.strava.com/oauth/authorize?client_id=115321&response_type=code&redir example： -``` +```bash http://localhost/exchange_token?state=&code=1dab37edd9970971fb502c9efdd087f4f3471e6e&scope=read,activity:write,activity:read_all,profile:write,profile:read_all,read_all ``` `code` value： -``` +```bash 1dab37edd9970971fb502c9efdd087f4f3471e6 ``` @@ -441,7 +456,7 @@ http://localhost/exchange_token?state=&code=1dab37edd9970971fb502c9efdd087f4f347 6. Use `Client_id`、`Client_secret`、`Code` get `refresh_token`: Execute in `Terminal/iTerm` -``` +```bash curl -X POST https://www.strava.com/oauth/token \ -F client_id=${Your Client ID} \ -F client_secret=${Your Client Secret} \ @@ -451,7 +466,7 @@ curl -X POST https://www.strava.com/oauth/token \ example： -``` +```bash curl -X POST https://www.strava.com/oauth/token \ -F client_id=12345 \ -F client_secret=b21******d0bfb377998ed1ac3b0 \ @@ -466,7 +481,7 @@ curl -X POST https://www.strava.com/oauth/token \ > The first time you synchronize Strava data you need to change line 12 of the code False to True in strava_sync.py, and then change it to False after it finishes running. > If you only want to sync `type running` add args --only-run -```python +```bash python3(python) run_page/strava_sync.py ${client_id} ${client_secret} ${refresh_token} ``` @@ -489,13 +504,13 @@ References： 2. copy all your tcx files to TCX_OUT 3. Execute in the root directory: -```python +```bash python3(python) run_page/tcx_to_strava_sync.py ${client_id} ${client_secret} ${strava_refresh_token} ``` example： -```python +```bash python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx or python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx --all @@ -516,13 +531,13 @@ python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx --all 2. copy all your gpx files to GPX_OUT 3. Execute in the root directory: -```python +```bash python3(python) run_page/gpx_to_strava_sync.py ${client_id} ${client_secret} ${strava_refresh_token} ``` example： -```python +```bash python3(python) run_page/gpx_to_strava_sync.py xxx xxx xxx or python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx --all @@ -542,13 +557,13 @@ python3(python) run_page/tcx_to_strava_sync.py xxx xxx xxx --all 1. follow the nike and strava steps 2. Execute in the root directory: -```python +```bash python3(python) run_page/nike_to_strava_sync.py ${nike_refresh_token} ${client_id} ${client_secret} ${strava_refresh_token} ``` example： -```python +```bash python3(python) run_page/nike_to_strava_sync.py eyJhbGciThiMTItNGIw****** xxx xxx xxx ``` @@ -561,16 +576,16 @@ python3(python) run_page/nike_to_strava_sync.py eyJhbGciThiMTItNGIw****** xxx x
-1. finish garmin and strava setps +1. finish garmin and strava setup 2. Execute in the root directory: -```python +```bash python3(python) run_page/garmin_to_strava_sync.py ${client_id} ${client_secret} ${strava_refresh_token} ${garmin_secret_string} --is-cn ``` e.g. -```python +```bash python3(python) run_page/garmin_to_strava_sync.py xxx xxx xxx xx ``` @@ -583,16 +598,16 @@ python3(python) run_page/garmin_to_strava_sync.py xxx xxx xxx xx
-1. finish garmin and strava setps, at the same time, you need to add additional strava config in Github Actions secret: `secrets.STRAVA_EMAIL`,`secrets.STRAVA_PASSWORD` +1. finish garmin and strava setup, at the same time, you need to add additional strava config in Github Actions secret: `secrets.STRAVA_EMAIL`,`secrets.STRAVA_PASSWORD` 2. Execute in the root directory: -```python +```bash python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }} ${{ secrets.GARMIN_SECRET_STRING }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} ``` if your garmin account region is **China**, you need to execute the command: -```python +```bash python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }} ${{ secrets.GARMIN_SECRET_STRING_CN }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} --is-cn ``` @@ -602,7 +617,7 @@ If you want to add Garmin Device during sync, you should add `--use_fake_garmin_ the final command will be: -```python +```bash python3(python) run_page/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }} ${{ secrets.GARMIN_SECRET_STRING_CN }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} --use_fake_garmin_device ``` @@ -642,6 +657,7 @@ For more display effects, see:
Use Vercel to deploy +
1. vercel connects to your GitHub repo. @@ -663,6 +679,7 @@ For more display effects, see:
Use Cloudflare to deploy +
1. Login to [Cloudflare dashboard](https://dash.cloudflare.com). @@ -684,6 +701,8 @@ For more display effects, see:
Deploy to GitHub Pages +
+ 1. Go to repository's `Settings -> GitHub Pages -> Source`, choose `GitHub Actions` 2. Go to the repository's `Actions -> Workflows -> All Workflows`, choose `Run Data Sync` from the left panel, and click `Run workflow`. @@ -704,6 +723,7 @@ For more display effects, see:
Modifying information in GitHub Actions +
Actions [source code](https://github.com/yihong0618/running_page/blob/master/.github/workflows/run_data_sync.yml) @@ -737,11 +757,13 @@ The following steps need to be taken Automate with iOS Shortcuts +
+ Take the keep app as an example. Close the app after running, and then automatically trigger Actions to update the data. -1. Get actions id（need to apply token） +1. Get actions id (need to apply token) -```shell +```bash curl https://api.github.com/repos/yihong0618/running_page/actions/workflows -H "Authorization: token d8xxxxxxxxxx" # change to your config ``` @@ -770,7 +792,9 @@ curl https://api.github.com/repos/yihong0618/running_page/actions/workflows -H "
Storing Data Files in GitHub Cache -When `SAVE_DATA_IN_GITHUB_CACHE` is set to `true` in the `run_data_sync.yml` file, the script can store fetched and intermediate data files in the GitHub Action cache. This helps keep your GitHub commit history and directory clean. +
+ +When `SAVE_DATA_IN_GITHUB_CACHE` is set to `true` in the `run_data_sync.yml` file, the script can store fetched and intermediate data files in the GitHub Action Cache. This helps keep your GitHub commit history and directory clean. If you are deploying using GitHub Pages, it is recommended to set this value to `true`, and set `BUILD_GH_PAGES` to true. @@ -778,7 +802,7 @@ If you are deploying using GitHub Pages, it is recommended to set this value to # Fit file -supported manufacturer： +supported manufacturer: - [x] Garmin - [x] magene @@ -825,14 +849,19 @@ Just enjoy it~ # FAQ -### Strava Api limit +- Strava Api limit - - + + -``` -Strava API Rate Limit Exceeded. Retry after 100 seconds -Strava API Rate Limit Timeout. Retry in 799.491622 seconds -``` + ``` + Strava API Rate Limit Exceeded. Retry after 100 seconds + Strava API Rate Limit Timeout. Retry in 799.491622 seconds + ``` + +- vercel git ignpre gh-pages: -### vercel git ignpre gh-pages: you can change settings -> build -> Ignored Build Step -> Custom command `if [ "$VERCEL_GIT_COMMIT_REF" != "gh-pages" ]; then exit 1; else exit 0;` + you can change settings -> build -> Ignored Build Step -> Custom command + ```bash + if [ "$VERCEL_GIT_COMMIT_REF" != "gh-pages" ]; then exit 1; else exit 0; + ``` From f4ae836c6543dbcadaa02d157491048571c9899a Mon Sep 17 00:00:00 2001 From: ben_29 Date: Thu, 26 Oct 2023 22:16:59 +0800 Subject: [PATCH 2/2] feat: add NavigationControl --- src/components/RunMap/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/RunMap/index.tsx b/src/components/RunMap/index.tsx index 819201c1a21..8164d1c0d77 100644 --- a/src/components/RunMap/index.tsx +++ b/src/components/RunMap/index.tsx @@ -1,6 +1,6 @@ import MapboxLanguage from '@mapbox/mapbox-gl-language'; import React, { useRef, useCallback } from 'react'; -import Map, { Layer, Source, FullscreenControl, MapRef } from 'react-map-gl'; +import Map, { Layer, Source, FullscreenControl, NavigationControl, MapRef } from 'react-map-gl'; import useActivities from '@/hooks/useActivities'; import { MAP_LAYER_LIST, @@ -141,6 +141,7 @@ const RunMap = ({ )} {title} + ); };