有关 Github Pages 托管自己博客的原理？

昨天发帖问 vue 怎么实现加载进度条，里面有个老哥回复了自己的 github pages，之前一直没太在意这个功能，因为确实没有一个白嫖免费服务的需求，但是最近看到以后感觉确实可以拿来做一个前端展示，如果在国外用来求职的话，应该一定程度上可以证明自己的前端能力。

=====

不过搜了一些文章，没看懂这东西是怎么工作的。

网上大部分教学都是创建仓库->连接 pages，然后会有一个 yml 文件设置文章的主题，github 会自动通过一些后台见不得人的逻辑完成 md 到 html 的转换。

这与我需要的效果不是很符合，因为我希望网页完全由自己定制，包括路由等等，而不是使用某些模板。根据目前我了解的 pages 功能，我觉得我的需求要用以下方式做：

1 、新建仓库，其中 /doc 配置构建好的 html，/article 配置想放的博客原文 md，/src 配置 vue 源码
2 、想要更新时修改 /article，通过 github actions 调用一个 vue-cli 的构建，并且完成静态化，然后将打包文件同步至 github 仓库

感觉不是很优雅，要自己实现构建和上传 html 的操作。因为对 pages 不是很熟悉，pages help 大概看了一下又没说什么东西，有没有老哥说一下这东西没有自带的构建流程之类的功能吗？

xiri

2021-04-19 16:40:23 +08:00

GitHub Pages 自动将 md 转换成 html 实际上用的是 Jekyll 这个静态站点生成器，你完全可以不用它来生成的，直接上传需要展示的 html 文件就可以了。
上传的话就是一个简单的 git 提交啊，这有啥复杂的。至于构建过程，这是所有的静态站点都要面对的问题，之前的做法都是在本地或者用第三方的 CI （ Travis CI 之类的）构建，然后将生成的文件推到 Pages 仓库，现在 GitHub 自己有 CI 了，已经方便了很多好不。