昨天发帖问 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 大概看了一下又没说什么东西,有没有老哥说一下这东西没有自带的构建流程之类的功能吗?
1
opengps 2021-04-19 15:44:13 +08:00
前端站点确实这么搞很轻松,我还用了国内的几个玩了下
|
2
xiri 2021-04-19 16:40:23 +08:00 1
GitHub Pages 自动将 md 转换成 html 实际上用的是 Jekyll 这个静态站点生成器,你完全可以不用它来生成的,直接上传需要展示的 html 文件就可以了。
上传的话就是一个简单的 git 提交啊,这有啥复杂的。至于构建过程,这是所有的静态站点都要面对的问题,之前的做法都是在本地或者用第三方的 CI ( Travis CI 之类的)构建,然后将生成的文件推到 Pages 仓库,现在 GitHub 自己有 CI 了,已经方便了很多好不。 |
3
xiri 2021-04-19 16:45:02 +08:00
@xiri 你要实在搞不懂就自己在本地构建算了,反正你本地肯定会有用来构建的开发环境,只要把生成的 html 文件提交到 GitHub Pages 仓库就行了
|
4
hm20062006ok 2021-04-19 16:55:19 +08:00 1
前几天玩了下 Cloudflare 的 Pages 。预设的框架支持 Vue,React,Angular 等。使用方式是先在 Cloudflare Pages 绑定一个你 github 的仓库。然后你 pull 代码到 github,Cloudflare Pages 自动帮你 build,发布到 xxx.pages.dev.
|
5
yeqizhang 2021-04-19 16:58:37 +08:00 via Android
仓库你就一个 index.html 照样可以,目录随便你建,如果不是 github 用户名的仓库稍微特殊点,你想不用模板你就自己写 html 或者用 vue 编译打包直接提交呗,也不用 github actions
|
6
yunyuyuan 2021-04-20 09:27:08 +08:00
我的博客就是用 cloudflare(vercel)+nuxtsjs+github api 搭的,可以在线发布文章 blog.halberd.cn/article/1617788956615
|
7
KouShuiYu 2021-04-20 14:40:22 +08:00
|