搭建个人锻炼轨迹页面

“ 聊聊肥胖说说状态”的日志已过去十几天，基本上做到了动起来：1.每天早起跑步。2.学习游泳。3.晚上空腹。

慢跑，以半个小时为基准，跑了几天之后发现除了腿酸疼之外，脚腕也不舒服。通过 conge 经验分享：初跑者的目的，一是养成习惯，二是控制野心不受伤。现在每天以15-20分钟为基准，跑不是目的，先培养习惯，让身体逐步适应锻炼。不过这几天脚腕疼得好像更厉害点，写这篇日志时脚腕在胀疼，可能跟最近走的路太多有关系，再适应适应。

游泳，之前没想着游泳，Eileen 说游泳是全身运动，更容易减肥，于是在家附近找了个游泳馆，尝试看看。说起游泳还是停留在小时候放牛时学的狗刨式游法，现在真正要游，其实完全不会。于是从看教学视频开始学，目前基本上每周去2-3次，现在要说有没有学会，嗯……还没有，继续坚持努力。

空腹，减肥最快的方式其实是不吃或者少吃，但咱也做不到也不健康。但零食、饮料、夜宵已完全戒掉，当然之前也不怎么吃。目前基本上保持晚上不吃晚餐，一天吃早中两餐，也算是遵循了816减肥方法。上周有几天没坚持住，继续坚持努力。

当然更快更科学的减肥方式是，力量训练，一天摄入的热量少于消耗的热量自然而然就瘦了。还没打算这样做，一个是如果每次吃个东西还得查这个热量多少或者运动消耗了多少热量，生活太累了。另外力量训练，如果不请教练，自己瞎折腾器材，行不行？会不会容易受伤？教练太贵。还是先让身体动起来再说，看看能不能坚持，如果不能坚持一切都是白搭。地图轨迹

在看 conge 日志过程中，发现有个跑步记录的页面很不错，通过他的分享知道了 running_page开源项目，之后又发现 ben-29基于 running_page项目，增加了更多的运动类型。于是搭建了个“ 锻炼轨迹”页面，算是从另外一个维度来督促自己坚持。

搭建过程中折腾了很久，把一些注意点记录下，留作备忘。

1. 绑定独立域名，修改gatsby-config文件：
pathPrefix: process.env.PATH_PREFIX || '/',  
改为：pathPrefix: ''，否则会导致地图显示不出来。

2. 隐藏地图街道名称，修改src/utils/const.js文件：
const ROAD_LABEL_DISPLAY = true;
改为：const ROAD_LABEL_DISPLAY = false;
修改地图高度：const MAP_HEIGHT = 600;
修改轨迹透明度：const LINE_OPACITY = 1;

3. 静态文件同步到宝塔目录，修改.github/workflows/gh-pages.yml文件
- name: GitHub Pages
uses: crazy-max/ghaction-github-pages@v2.2.0
with:
target_branch: gh-pages
keep_history: true
build_dir: public
jekyll: false
改为：
- name: Deploy
uses: peaceiris/actions-gh-pages@v3
with:
personal_token: ${{ secrets.PERSONAL_TOKEN }}
external_repository: koobai/workouts_page
publish_dir: ./public
之后参考:[Github 自动构建 Hugo, 并通过 Webhook 同步到宝塔指定目录.](/hugo_action_webhooks)日志

4. 自定义的样式代码，合并到了 src/styles/index.scss。
5. src/components/header/index.jsx 布局修改。
6. src/components/pages/index.jsx 布局修改。
7. src/components/RunTable/index.jsx 英文翻译
8. src/utils/const.js 自定义了地图 (Mapbox) token，同时修改了页面展示说明。

由于有时候过敏，几年前买回来的 Watch 已基本上不带了，如今为了锻炼的时候记录，重新佩戴起来，看着每天锻炼圆环合并，挺满足。现在又多了一个佩戴理由：个人页面展示。如果问这十几天动起来之后，身体有没有什么变化，嗯……好像还没有，继续坚持加油，总会带来自己想要的结果。

上面说的最多的词是坚持，为什么？因为自己做什么事情都是三分钟热度。坚持，不代表痛苦，而是对自己的一种肯定。过程中有没有痛苦，当然有，晚上不吃，看着娘俩吃香的，那个馋呀….。但每天坚持早起动起来，发现还蛮喜欢，因为一天的时间早上是最能自己把握的。当然起床前的那一刻赖床是无法避免，但生活不就是这样～～坚持加油~~