Copy all your gpx files to GPX_OUT or new gpx files

python3(python) scripts/gpx_sync.py

Copy all your tcx files to TCX_OUT or new tcx files

python3(python) scripts/tcx_sync.py

python3(python) scripts/garmin_sync.py ${your email} ${your password}

example：

python3(python) scripts/garmin_sync.py example@gmail.com example

only-run：

python3(python) scripts/garmin_sync.py example@gmail.com example --only-run

python3(python) scripts/garmin_sync.py ${your email} ${your password} --is-cn

example：

python3(python) scripts/garmin_sync.py example@gmail.com example --is-cn

Please note: When you choose to deploy running_page on your own server, due to Nike has blocked some IDC's IP band, maybe your server cannot sync Nike Run Club's data correctly and display 403 error, then you have to change another way to host it.

Get Nike's refresh_token

1. Login Nike website
2. In Develop -> Application-> Storage -> https:unite.nike.com look for refresh_token

3. Execute in the root directory:

python3(python) scripts/nike_sync.py ${nike refresh_token}

example：

python3(python) scripts/nike_sync.py eyJhbGciThiMTItNGIw******

1. Sign in/Sign up Strava account

2. Open after successful Signin Strava Developers -> Create & Manage Your App

3. Create My API Application: Enter the following information

Created successfully:

4. Use the link below to request all permissions: Replace ${your_id} in the link with My API Application Client ID

https://www.strava.com/oauth/authorize?client_id=${your_id}&response_type=code&redirect_uri=http://localhost/exchange_token&approval_prompt=force&scope=read_all,profile:read_all,activity:read_all,profile:write,activity:write

5. Get the code value in the link

example：

http://localhost/exchange_token?state=&code=1dab37edd9970971fb502c9efdd087f4f3471e6e&scope=read,activity:write,activity:read_all,profile:write,profile:read_all,read_all

code value：

1dab37edd9970971fb502c9efdd087f4f3471e6

6. Use Client_id、Client_secret、Code get refresh_token: Execute in Terminal/iTerm

curl -X POST https://www.strava.com/oauth/token \
-F client_id=${Your Client ID} \
-F client_secret=${Your Client Secret} \
-F code=${Your Code} \
-F grant_type=authorization_code

example：

curl -X POST https://www.strava.com/oauth/token \
-F client_id=12345 \
-F client_secret=b21******d0bfb377998ed1ac3b0 \
-F code=d09******b58abface48003 \
-F grant_type=authorization_code

7. Sync Strava data

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.

python3(python) scripts/strava_sync.py ${client_id} ${client_secret} ${refresh_token}

References：

• https://developers.strava.com/docs/getting-started
• https://github.com/barrald/strava-uploader
• https://github.com/strava/go.strava

1. follow the strava steps
2. copy all your tcx files to TCX_OUT
3. Execute in the root directory:

python3(python) scripts/tcx_to_strava_sync.py ${client_id} ${client_secret}  ${strava_refresh_token}

example：

python3(python) scripts/tcx_to_strava_sync.py xxx xxx xxx
or
python3(python) scripts/tcx_to_strava_sync.py xxx xxx xxx --all

4. if you want to all files add args --all

1. follow the strava steps
2. copy all your gpx files to GPX_OUT
3. Execute in the root directory:

python3(python) scripts/gpx_to_strava_sync.py ${client_id} ${client_secret}  ${strava_refresh_token}

example：

python3(python) scripts/gpx_to_strava_sync.py xxx xxx xxx
or
python3(python) scripts/tcx_to_strava_sync.py xxx xxx xxx --all

4. if you want to all files add args --all

1. follow the nike and strava steps
2. Execute in the root directory:

python3(python) scripts/nike_to_strava_sync.py ${nike_refresh_token} ${client_id} ${client_secret} ${strava_refresh_token}

example：

python3(python) scripts/nike_to_strava_sync.py eyJhbGciThiMTItNGIw******  xxx xxx xxx

1. finish garmin and strava setps
2. Execute in the root directory:

python3(python) scripts/garmin_to_strava_sync.py  ${client_id} ${client_secret} ${strava_refresh_token} ${garmin_email} ${garmin_password} --is-cn

e.g.

python3(python) scripts/garmin_to_strava_sync.py  xxx xxx xxx xx xxx

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
2. Execute in the root directory:

python3(python) scripts/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }}  ${{ secrets.GARMIN_EMAIL }} ${{ secrets.GARMIN_PASSWORD }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }}

if your garmin account region is China, you need to execute the command:

python3(python) scripts/strava_to_garmin_sync.py ${{ secrets.STRAVA_CLIENT_ID }} ${{ secrets.STRAVA_CLIENT_SECRET }} ${{ secrets.STRAVA_CLIENT_REFRESH_TOKEN }}  ${{ secrets.GARMIN_CN_EMAIL }} ${{ secrets.GARMIN_CN_PASSWORD }} ${{ secrets.STRAVA_EMAIL }} ${{ secrets.STRAVA_PASSWORD }} --is-cn

ps: when initializing for the first time, if you have a large amount of strava data, some data may fail to upload, just retry several times.

• Generate SVG data display
• Display of results:Click to view、Click to view

python scripts/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

python scripts/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

Generate year circular svg show

python3(python) scripts/gen_svg.py --from-db --type circular --use-localtime

For more display effects, see: https://github.com/flopp/GpxTrackPoster

1. vercel connects to your GitHub repo.

2. import repo

2. Awaiting completion of deployment
3. Visits

1. Click Create a project in Pages to connect to your Repo.

2. After clicking Begin setup, modify Project's Build settings.

3. Select Framework preset to Gatsby

4. Scroll down, click Environment variables, then variable below:

   Variable name = PYTHON_VERSION, Value = 3.7

5. Click Save and Deploy

1. If you are using a custom domain for GitHub Pages, open .github/workflows/gh-pages.yml, change fqdn value to the domain name of your site.

2. (Skip this step if you're NOT using a custom domain) Modify gatsby-config.js, change pathPrefix value to the root path. If the repository name is running_page, the value will be /running_page.

3. Go to repository's Actions -> Workflows -> All Workflows, choose Publish GitHub Pages from the left panel, click Run workflow. Make sure the workflow runs without errors, and gh-pages branch is created.

4. Go to repository's Settings -> GitHub Pages -> Source, choose Branch: gh-pages, click Save.

Actions source code The following steps need to be taken

1. change to your app type and info

2. Add your secret in repo Settings > Secrets (add only the ones you need).

3. My secret is as follows

4. Go to repository's Settings -> Code and automation -> Actions ->General, Scroll to the bottom, find Workflow permissions, choose the first option Read and write permissions, click Save.