GitHub.io 跳转 vercle 实现永久域名

date

Mar 19, 2023

my-url

https://www.fpb.icu/article/githubio-vercle-mFUvL3s98b06n8

slug

githubio-vercle-mFUvL3s98b06n8

status

Published

本文系转载，并可能做出修改

非商业性使用

相同方式共享

署名和地址如下

https://www.jianshu.com/p/22b413e3da53

https://www.cnblogs.com/lastbus99/p/15331278.html

什么是 GitHub.io GitHub.io 就是 GitPage，GitPage 是一个用于展示你的项目和项目网站的托管工具。简言之我们可以把项目介绍，主页等放到 GitHub.io 上。

我们能在 GitHub.io 上做什么

GitHub.io 可以存放 .html 文件来展示网页，可用于项目主页也可以搭建个人博客。例如 Hello World GitHub.io 也可以作为你自己的图床，上传一张图片到仓库，并生成一个远程链接。例如 测试图片

如何使用 GitHub.io

首先我们需要拥有一个 GitHub 账号；

登录我们的 GitHub 账号进入主页；

选择创建项目；

image

创建一个仓库，仓库名必须以 username.github.io 命名；

不必要操作

5.Clone 你的仓库到本地；

创建主页；

image

上传仓库；

image

打开你自己的主页，在浏览器中输入；

https://username.github.io

image

同理 GitHub.io 也可以用作图床，在项目中创建好图片文件夹，并放入一张图片；

image

在浏览器中输入对应的链接就 OK 啦。

https://notlovelychild.github.io/imgs/test.jpg

使用 Github 进行网页跳转

在这个项目建立之后，如果你创建了默认的 Index.html 文件，基本就可以访问了，通常需要等待一会。为了使这个地址跳转到想要的网页，需要在这个文件中增加一条 javascript 脚本命令。

现在，访问下面页面也可到达本站。

https://fishpigbird.github.io/

不必要操作

如果你觉得 Github 的域名跳转就可以了，那么就不用看后面的了，后面的是为了使用自己的域名跳转到指定的网页。在你上面创建的仓库中，增加一个 CNAME 文件，里面写入自己的域名，比如是 lastbus.club，这样就完成了 GIthub 的配置。

DNS 域名解析

在你的域名解析里面添加 CNAME 记录，这个在解析你的域名的时候会重定向到记录值指定的域名，有点类似别名的意思。需要注意的是，如果你之前已经配置了记录类型为 A 的记录，你需要把它们删除，A 记录的意思是解析到对应的 IP 地址，当然也包括发邮件的 MX 记录类型。显然，她们的目的和 CNAME 记录类型是一样的，就是为了把网址定位到对应的服务器，所以不能出现一对多，不然就不知道该往哪里去了。