Github Pages部署静态页面并绑定域名

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Github Pages部署静态页面并绑定域名相关的知识,希望对你有一定的参考价值。

参考技术A

如果你想制作个人主页或者个人简历发布到网上,但是又没有自己的vps、云服务器,那么Github Pages可以帮到你。

例如我的用户名是vayci,那么我的github.io仓库名应该为: vayci.github.io

因为github.io仓库时专门部署页面的,所以直接使用master分支即可。在master分支下面上传你的页面。
在稍等片刻后,你应该可通过 vayci.github.io 访问刚刚上传的页面了。

如我有域名olook.me,现在我希望分配一个二级域名用来访问我自己的静态页面,原来的一级域名仍然解析到自己的项目。需要进行以下操作:参考添加CNAME文件。

到自己域名提供商的控制台进行解析。添加一条主机记录为自己想要的CNAME解析,记录值为 vayci.github.io. (注意后面有一个“ . ”)
解析生效后,就可以通过resume.olook.me访问自己放在github上的个人主页了,并且通过vayci.github.io访问时,会自动跳转到resume.olook.me

通过这样的CNAME解析配置,可为自己的其他项目设置主页。
在你的其他仓库建立分支gh-pages,上传项目主页,添加CNAME解析即可。

如上图中我的域名解析配置为:

在coding或者github建立个人站点域名绑定

coding:静态的在域名服务器与是填写pages.coding.me,不是填写{你的名字}.coding.me

A型的ip是ping 该域名ip

github:上传大项目可能报错(报错名字忘记了),原因是被墙了,隔一段时间再上传

域名设置两个A的ip 192.30.252.153 和 192.30.252.154

参考https://help.github.com/articles/setting-up-an-apex-domain/

在项目的根建立一个CNAME(没有后缀)填写顶级域名

 

以上是关于Github Pages部署静态页面并绑定域名的主要内容,如果未能解决你的问题,请参考以下文章

Github pages博客搭建与域名绑定

Github Pages 速度慢 vercel 部署静态博客

github如何托管页面部署静态资源部署vue静态资源的步骤和遇到的问题

github如何托管页面部署静态资源部署vue静态资源的步骤和遇到的问题

hexo使用github action自动部署至腾讯云开发静态网站托管服务以及github pages

使用GitHub Page部署静态页面,以及.nojekyll的坑。。