制作个人的 Cycling Page

本文最后更新于:March 9, 2021 pm

3.5 定的 Reminder,要把 Strava 连接 Garmin 的问题解决,没有解决反而是钻研了一个新玩意儿。在 TG 上搜 Strava 发现某个群聊里提及了一个项目,基于各种运动 App 打造个人跑步主页,点进去一看很 cool,比 Strava 年度总结的更美观,也做一个属于自己的出来。说干就干,打开文档,中英双语,professional(我的英语还有待加强)

这种类似思维导图很对我胃口

开始动手

然而第一步使用 git clone 就出现了问题……提示网络错误:

Failed to connect to 127.0.0.1 port 1080: Connection refused.

我以为是端口问题,把 Clash For Windows 默认的 port 7890 改成 1080 也无济于事,然后问谷老师(Google)答案,搜出来一堆教程都是在命令行配置代理:

1
$ git config --global https.proxy http://127.0.0.1:1080
1
$ git config --global http.proxy 'socks5://127.0.0.1:1080'

诸如此类的,可是统统无用,修改 C:\Users\username\.gitconfig 里面的配置也无济于事。另一种方法用

1
cat ~/.gitconfig

来查看:

cat ~/.gitconfig 后如图所示

然后

1
vim ~/.gitconfig 

键入 i 进行修改,按 Esc 退出编辑接着键入 :wq 回车完成修改。但是测试

1
curl www.google.com/curl -v www.google.com 

还是会超时,说明命令行还是没有走代理连接。

换种花样出现 fatal: unable to access ‘xxx/‘: The requested URL returned error: 500

另一个安装方法,

1
git@github.com:xxx/xxx.git 

则会显示:

bash: git@github.com:xxx/xxx.git: No such file or directory

晕😵


无奈,只好去作者的 Repo 下载 ZIP 到本地,不够 geek。

搞掂 Strava Token

获取 Strava API Token

这个 Website 可以随便填,只要前面加上 https://

需要注意这里的 client_id,id=${66666}& 后面直接跟数字,改为 id=66666&

点击 Authorize 后会暂时出现页面无法访问,正常的。获取返回的 refresch_token

1
2
3
4
5
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

没有这个就会出错。因为我没有装 python,所以直接下一步。

GitHub Actions

Fork 仓库(其实第一步就应该做的)后,我多做了一步,把全局配置的 token 给设置了。其实只要在 Fork 的 Repo 里

设置三个 token

token 放进 Value 内

看着转半天好忐忑……

最后就是部署到公网自己的域名,用 Vercel,只要注册个账号就可以了,很简单,不过要吐槽的是 Vercel 居然不能用 GV 验证,比 PayPal 还严格啊,尝试了许久收不到 GV 短信,放弃。本想着之后换绑的,都没有找到换绑手机号的界面!

之后绑定了我买了十年之久的数字域名,美滋滋,终于派上用场了。Github 太香了!然后吃完晚饭(捣鼓一天了)回来看 Push new runs 报错,问大神,原来是 scripts/data.db 文件出错,删了就好。我自己是找不到问题的……还有就是跑这个 Run workflow

一定要点进去运行。搞定后又去骑 Zwift,好肝的一天啊!不能熬夜,头开始难受了,早点睡,才能多骑车。


制作个人的 Cycling Page
http://battlele.com/cycling-page/
Author
Lucky
Posted on
March 9, 2021
Updated on
March 9, 2021
Licensed under