建立Github仓库

在个人主页先创建一个仓库（repository），名字随意，类型选择公开，最好勾上添加README文档

image-1

与仓库建立通信

Git安装与配置

进入官网：点我下载安装包，然后安装Git即可（Windows系统Git安装教程）

打开Git Bash

image-20231119180732655

配置用户名和邮箱

1
2
3
git config --global user.name "你的用户名（随意）"
git config --global user.email "你的邮箱"
git config --global --list //查看用户（全局）配置

执行以下命令生成ssh公钥，此公钥用于你的计算机连接Github

1
ssh-keygen -t rsa -C "你的邮箱"

之后打开C盘下用户文件夹下的.ssh的文件夹，会看到 id_rsa.pub和 id_rsa

其中，id_rsa.pub是公钥，id_rsa是私钥

image-20231119181526002

将 SSH KEY 配置到 GitHub

进入github，点击右上角头像 选择settings，进入设置页后选择 SSH and GPG keys，名字随便起，公钥复制填到Key那一栏。

image-20231119181945095

测试与Github仓库的连接

测试连接，输入以下命令

1
ssh -T git@github.com

出现如下所示的连接到账户的信息，说明完成了环境准备工作。

Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access.

创建本地图床文件夹

在本地创建一个文件夹，进入该文件夹后右键打开Git Bash，然后输入以下代码把之前创建的仓库拷贝下来，其中git clone后面的东西要替换成自己的仓库信息，可以通过自己仓库的ssh链接来获取。

1
git clone git@github.com:lintx1119/image_bed.git

比如我在D盘下的BLOG目录，右键打开Git Bash，利用上面这条命令，把之前创建的仓库拷贝下来，得到一个image_bed文件夹（也就是github上面创建那个仓库的文件夹）。

image-20231119205710762

然后在带有Readme.md文件的那个文件夹里，右键打开Git Bash，然后依次输入以下命令把更改推送到远程仓库。

1
2
3
4
5
# 将更改提交
git add .
git commit -m "更新图片"
# 推送至github仓库
git push

Vercel部署

进入Vercel控制面板新建项目，选择Import刚刚创建的仓库，然后直接deploy部署即可

image-20231119210722039

点击Domains进行域名配置（这里你需要要有一个域名）

image-20231201110629046

然后会出现下图所示的情况，这时候要对这个二级域名添加一条解析记录

image-20231201110821173

进入腾讯云域名解析界面添加一条解析记录

image-20231201111106752

将CNAME记录填入，点击确定

image-20231201111314580

至此域名解析配置完成。

通过【自定义域名+资源路径（Github仓库目录）】即可访问到对应的资源，例如我这里为https://www.bed.cx330.space/image/setting/index_img.png

要更新图片只要再执行一次下面的命令即可：

1
2
3
4
5
# 将更改提交
git add .
git commit -m "更新图片"
# 推送至github仓库
git push