GitHub|搭建个人静态页并绑定私有域名

Ps:仅自学自用留档,如有需要请自行找寻内容!


一、在GitHub创建特殊的个人仓库

保证在画框的位置为你个人的用户名,后跟(.github.io)。
创建带用户名的仓库

二、将仓库保存到本地并使用Git链接

1. 使用Git将仓库保存到本地文件夹

文中使用的是SSH方式保存(Clone)到本地的,如果你还不知道怎么设置SSH密钥,请移步到我正在持续更新的文章中去找寻SSH密钥的配置方法。
将仓库下载到本地

2. Git使用到的代码

git clone 仓库地址

使用Git将仓库Clone到本地

三、将静态页源码使用Git从本地上传到远程仓库

1. 进入本地仓库将静态页源码放入

在本地仓库放入静态页源码

2. 使用Git上传文件至远程仓库

需要注意的是Git需要从本地仓库中打开或是打开后跳转到本地仓库,注意地址不要跳转错了。
将本地仓库文件上传到远程仓库

3. Git使用到的代码

git add .
git commit -m "注释"
git push

已上传到远程仓库

[至此完成]静态页面的搭建

可通过访问仓库名进入其静态页面。
通过仓库名访问静态页面

[拓展] 四、将仓库绑定自定义域名

1. 首先需要购入一个私有域名

购入域名不表述了,域名不贵,可在腾讯云、阿里云等大网站购入即可。需要注意的是,如果只是绑定仓库实现静态页,只需要购入一个域名即可,不需要购入服务器。需要让域名正常解析!
博主的私有域名

扫描二维码关注公众号,回复: 14865893 查看本文章

2. 设置域名解析添加记录

需要给域名添加两条解析记录,分别如图中框选所示,主机记录分别是(@)和(WWW),记录类型选择(CNAME),记录值填写你的GitHub仓库地址即可,其余默认。
添加解析记录规则

3. 创建并上传域名跳转文件

在本地仓库创建一个名为(CNAME)的文档,将私有域名填写到文档中。注意只有单独的域名,其他什么都没有,没有http或https。然后将文档后缀(.txt)删去即可。最后将其上传至远程仓库即可,这里不再赘述。

1
2
3
4

4. 私有域名绑定设置

进入远程仓库的设置(Settings)→网站(Pages)中,在框中填写私有域名并点击保存(Save),而后等待部署DNS即可,部署完成后可将强制Https勾选上。
网站绑定设置

[至此完成]远程仓库绑定私有域名

完成绑定私有域名


注:
博主使用的网站源码作者GitHub传送门点我
且用作跳转的域名不需要备案!

猜你喜欢

转载自blog.csdn.net/weixin_45966550/article/details/116033831