Copy all your gpx files to GPX_OUT or new gpx files

python3(python) scripts/gpx_sync.py

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

example：

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

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 refresch_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

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

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

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_refresch_token}

example：

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

• 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

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

My secret is as follows

3. add your GitHub secret and have the same name as the GitHub secret in your project.