V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
LeeReamond
V2EX  ›  问与答

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

  •  
  •   LeeReamond · 2021-04-19 15:39:04 +08:00 · 1042 次点击
    这是一个创建于 1324 天前的主题,其中的信息可能已经有所发展或是发生改变。

    昨天发帖问 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 大概看了一下又没说什么东西,有没有老哥说一下这东西没有自带的构建流程之类的功能吗?

    7 条回复    2021-04-20 14:40:22 +08:00
    opengps
        1
    opengps  
       2021-04-19 15:44:13 +08:00
    前端站点确实这么搞很轻松,我还用了国内的几个玩了下
    xiri
        2
    xiri  
       2021-04-19 16:40:23 +08:00   ❤️ 1
    GitHub Pages 自动将 md 转换成 html 实际上用的是 Jekyll 这个静态站点生成器,你完全可以不用它来生成的,直接上传需要展示的 html 文件就可以了。
    上传的话就是一个简单的 git 提交啊,这有啥复杂的。至于构建过程,这是所有的静态站点都要面对的问题,之前的做法都是在本地或者用第三方的 CI ( Travis CI 之类的)构建,然后将生成的文件推到 Pages 仓库,现在 GitHub 自己有 CI 了,已经方便了很多好不。
    xiri
        3
    xiri  
       2021-04-19 16:45:02 +08:00
    @xiri 你要实在搞不懂就自己在本地构建算了,反正你本地肯定会有用来构建的开发环境,只要把生成的 html 文件提交到 GitHub Pages 仓库就行了
    hm20062006ok
        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.
    yeqizhang
        5
    yeqizhang  
       2021-04-19 16:58:37 +08:00 via Android
    仓库你就一个 index.html 照样可以,目录随便你建,如果不是 github 用户名的仓库稍微特殊点,你想不用模板你就自己写 html 或者用 vue 编译打包直接提交呗,也不用 github actions
    yunyuyuan
        6
    yunyuyuan  
       2021-04-20 09:27:08 +08:00
    我的博客就是用 cloudflare(vercel)+nuxtsjs+github api 搭的,可以在线发布文章 blog.halberd.cn/article/1617788956615
    KouShuiYu
        7
    KouShuiYu  
       2021-04-20 14:40:22 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1091 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 22:45 · PVG 06:45 · LAX 14:45 · JFK 17:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.