对于前端开发来说,部署一个自己的个人网站部署服务器等比较麻烦,如果只是做静态页面的展示GitHubPage完全够用,而且有300M免费的空间,完全满足需求。
首先你要有GitHubPage项目,具体怎么搭建不在这里说了,前端小白也可以直接用GitHub提供的模板
还要有一个域名,一定要备案哦~
将域名绑定到自己GitHub上的步骤:
1.在项目文件地址下创建没有后缀的CNAME文件
![](https://i-blog.csdnimg.cn/blog_migrate/85aad44baf8d1c491fff14d4244fbed2.png)
内容是要解析的网址域名(不加http/www等前缀)
![](https://i-blog.csdnimg.cn/blog_migrate/ea33d8bec0d8c790c8c7a77536464982.png)
注意:如果是中文域名,直接这样写是解析不了的,会提示404错误
则要先解析为Punycode标准编码的字符串(百度一下就可以解析了)
![](https://i-blog.csdnimg.cn/blog_migrate/2492febba2098d198c21f39209a813dd.png)
之后再填入到CNAME中
![](https://i-blog.csdnimg.cn/blog_migrate/0d1220a9475e1786e8db1e8bacefac0e.png)
2.ping 你的GitHubpage取到你的GitHubPage的ip地址
![](https://i-blog.csdnimg.cn/blog_migrate/58fa9469ffd22a3068d7f5153fd4213f.png)
3.域名解析添加2条记录
www记录和@ 记录,记录值填上一步获取到的ip地址,TTL设置10分钟或者根据自己的需求设置
![](https://i-blog.csdnimg.cn/blog_migrate/a1e7fb6237f7c58d9d1f1cc5c8c42229.png)
![](https://i-blog.csdnimg.cn/blog_migrate/eea262154e4db7133cb66829a5677f1f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/eb10b3267dd71c3331ae3e136aa0e00d.png)
这样域名和GitHub的绑定就成功了,可以访问你的GitHub博客了
4.赶紧检查一下
1>ping的方式检查一下ip是否一样
2>直接打开页面看域名下的页面内容和GitHubpage的是否一样即可
![](https://i-blog.csdnimg.cn/blog_migrate/bb59c27a7cc4c54651a2d1b421f83a78.png)
顺便推一下我多年没有更新的GitHub主页==》 Calamus