部署
将你的 Running Page 部署到不同平台中¶
Linux 服务器¶
推荐系统: Ubuntu 20.04 LTS
必要组件:
- Nginx 或者其他 Web 服务器;
- Python 环境 (推荐使用Anaconda);
- Nodejs (14) 和 Yarn (1.22.10 stable);
步骤:
- 把域名指向你的服务器 IP;
- 在 Nginx 中设定网站目录为
/public文件夹; - 用 Anaconda 创建一个属于 Running Page 的环境;
- 严格遵循
安装部分的指导; - 完成。赶快享用你的 Running Page 吧!
Github Pages¶
-
如果你在部署到 GitHub Pages 时想要使用自定义域名, 打开这个文件 /.github/workflows/gh-pages.yml ,把
fqdn改成你自己的域名; -
更改
gatsby-config.js文件内容, 把pathPrefix更改为你的 Running Page 所在的域名后缀URL。
例如:假如你的仓库名称为 running_page , 那么此仓库的 Github Pages 的域名就是 https://{yourname}.github.io/running_page,此时 pathprefix 的值就应该是 /running_page。
- 更改
run_data_sync.yml中的变量值: - 把
env改成你自己使用的数据源和信息;
- 在仓库的 Settings > Secrets 中把你自己的 secret 加上 (只加你用到的);
比如我的是下面这样:

-
把自己的 GitHub secret 同样也加进去,注意名称保持一致;

-
前往仓库的
Actions -> Workflows -> All Workflows, 运行Data Sync; -
运行结束后,在左侧菜单中选择
Publish GitHub Pages, 点击Run workflow。确保运行无误,此时gh-pages分支就创建好了; -
前往仓库的
Settings -> GitHub Pages -> Source, 选择Branch: gh-pages, 点击Save。 一切完成,享受跑步吧!
Vercel¶
-
把 Vercel 连接到你的仓库;

-
导入仓库;

-
等待部署结束;
- 完成!享受跑步吧!
Cloudflare Pages¶
- 在
Pages中点击Create a project连接到你的仓库; - 点击
Begin setup之后,更改项目的Build settings; - 选择
Framework preset为Gatsby; - 下滑,选择
Environment variables, 输入以下信息;Variable name =
PYTHON_VERSION, Value =3.7 - 点击
Save and Deploy。