将多个仓库组成的GitHub站点部署到Vercel并绑定独立域名

鄙人这个站点主页是一个仓库,而博客又是一个仓库。但是直接使用GitHub访问速度很慢,即使是电信网有时候也得半分钟以上,移动联通就更难说了。如果能使用Vercel作为镜像来访问就能快不少,但是Vercel目前还没有发展到能把多个仓库部署到同一个项目的不同目录下,所以这里又要劳驾GitHub Actions了。

GitHub有一个可以在不同仓库之间拷贝文件或目录的动作:Copycat。我们通过这个动作把各个非主页仓库的所有文件拷贝到主页仓库中对应的子文件夹下。

把非主页仓库按照这个动作的说明书添加.github/workflows/xxx.yml文件(xxx.yml文件名可以随便起,后缀保证是.yml就行)。如果是Hexo生成的博客,则应参考此前的文章《Hexo Gitee Pages 自动部署站点》来进行特别配置。

name: Copy
on: push
jobs:
  copy:
    runs-on: ubuntu-latest
    steps:
    - name: Copycat
      uses: andstor/copycat-action@v3
      with:
        personal_token: ${{ secrets.PERSONAL_TOKEN }}
        src_path: 改成来源仓库的要拷贝的路径,根目录则填/.
        dst_path: 改成目标仓库的拷贝位置,以斜杠结尾。这里需要填写斜杠非主页仓库名斜杠
        dst_owner: 改成目标仓库所在的用户名
        dst_repo_name: 改成目标仓库名(也就是用户名点github点io)
        dst_branch: 改成目标仓库的分支名
        src_branch: 改成来源仓库的分支名
        clean: true # 这里要保证目标目录先清空,否则非主页仓库若有删除文件就不会同步到主页仓库
        username: 改成操作的用户名
        email: 改成操作用户的邮箱

前往GitHub网站,进入账号设置,Developer Settings,Personal access tokens,然后点击Generate new token。Note处随便起个名字,Select scopes里面把Repo勾选。点击最下边的Generate token。把显示出来的令牌复制出来,这个只会显示一次,之后将永远不再显示, 所以需要暂时先复制出来。在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在非主页仓库后台设置的Settings里面打开Secrets,添加一个密钥PERSONAL_TOKEN,取值就是刚才复制的令牌,注意不要带空格。在这里插入图片描述
在这里插入图片描述

这样就可以在提交此非主页仓库时自动把此仓库所有文件拷贝到主页仓库下了。


参考其他的博文配置好Vercel和GitHub的链接(包括绑定账号和Github的安装Vercel)。

在Vercel的主页点击右上方的New Project,在左边Import Git Repository里面搜索找到主页仓库用户名点github点io那个。点击右边Import。然后找到绑定的账号点击右边的Select。然后直接点击Continue。下一步直接点击Deploy。

进入这个项目,选择Settings,Domains,添加之前注册的独立域名。添加以后这时候Vercel的界面会提示你需要添加域名的解析。到这个域名解析的后台,添加一个类型为A,主机记录为@的解析记录,如果之前有这个记录则直接修改。记录值按照Vercel的界面提示填写76.76.21.21。其他选项保持默认即可。在这里插入图片描述

稍等片刻,再访问这个域名,即可以更快的速度显示页面了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 要在Vercel部署GitHub项目,你可以按照以下步骤进行操作。首先,确保你已经在GitHub上创建了一个项目,并且已经fork了md项目\[2\]。然后,运行下方命令来配置你的Git全局用户名和邮箱\[1\]: ``` git config --global user.name "{{你的 GitHub username}}" git config --global user.email "{{你的 GitHub 注册邮箱地址}}" ``` 接下来,你需要验证是否成功配置了Git。你可以运行命令来验证: ``` git config --global user.name git config --global user.email ``` 如果显示了你的用户名和邮箱,那么说明配置成功了。接下来,你可以将你fork的md项目部署到Vercel上。你可以在Vercel上创建一个新的项目,并将你的GitHub仓库与Vercel项目关联。在关联过程中,你可能会收到一个提示,询问你是否继续连接\[3\]。你需要输入"yes"并回车确认。一旦关联成功,你就可以在Vercel上进行部署了。请注意,GitHub不提供shell访问权限\[3\]。希望这些步骤对你有帮助! #### 引用[.reference_title] - *1* *3* [Hexo+GitHub+Vercel搭建个人博客网站](https://blog.csdn.net/henghuizan2771/article/details/123919782)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [使用 Vercel 快速部署前端项目](https://blog.csdn.net/juemuren444/article/details/127585333)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值