GitHub Pages自定义域名

16,709 阅读2分钟

简介

现在有很多的前端开发者用XXX.github.io作为自己的博客,然后绑定到自己的域名上面,感觉起来挺不错。一、不用花钱买服务器了,二、一套流程下来前端完全可以搞定。部署完成是这样的 niceboybao.github.io niceboybao.com 有创意的小伙伴还可以用现在流行的三大框架(angular,react,或者vue)构建自己的博客工程呢,这一块我也在着手开始,在工作的业余时间,让自己变得更充实!对没错,生活不止眼前的苟且 还有诗和远方。下面开始正式环节,以niceboybao为例!

主要参考资料

Using a custom domain with GitHub Pages

用阿里云免费ssl证书把网站从http变成https

配置 niceboybao.github.io

创建repository

首先需要在GitHub上面创建一个repository,并且命名为niceboybao.github.io

添加CNAME文件

小伙伴可以把repository克隆下来,在repository下创建一个CNAME文件,文件名大写且没有后缀,如下图。文件里面添加需要绑定的域名,注意没有www和https前缀。

settings

然后到repository的设置页面设置将自己的仓库发布到网站上面,并且添加上域名 如图:

域名解析

现在挺流行的阿里云,我这边用阿里云举例,首先要找到自己购买的域名(控制台->域名与网站(万网)->域名->解析)然后配置下面2步

第一步,@符号的是指定你的域名xxx.com映射到xxx.github.io,第二布,www那一条是指定你的主域名www.xxx.com映射到xxx.github.io。这边看别人配置的时候都说一定不要忘记xxx.github.io.后面的.,可是好像加上去了没效果,不知道有没有小伙伴遇到过呢!

配置完了勾选点击启动就ok啦!要全球解析生效,好像得等上一会了。后面就开始你们的表演吧,用自己熟悉的框架开发一个属于自己的blogs吧!niceboybao.com

另外,在GitHub上面的仓库只要在settings里面把他们发布到网站上面,就可以用niceboybao.com/xxx(xxx表示仓库名)访问到如:valentines_day

用阿里云免费ssl证书把网站从http变成https

HTTP 协议是不加密传输数据的,也就是用户跟你的网站之间传递数据有可能在途中被截获,破解传递的真实内容,所以使用不加密的 HTTP 的网站是不太安全的。所以, Google 的 Chrome 浏览器将在 2017 年 1 月开始,标记使用不加密的 HTTP 协议的网站为 Not Secure,不安全。

登录阿里云后台,找到,产品与服务-》找到证书服务,购买证书

找到免费型的DV SSL

购买后在订单页面点击补全,输入你的域名,如xxx.com,最后提交审核。当证书是已签发状态时,就可下载。