手把手教你如何在GitHub上搭建属于自己的免费网站

本文主要讲如何在GitHub上搭建属于自己的个人免费网站，如何得到属于自己的域名，免费的服务器，域名怎么和服务器捆绑，打造属于自己的炫酷的网站，可以在上面展示自己的作品，微信，QQ，邮箱，Twitter，等等。好啦，言归正传，我们开始进入教程！

域名怎么来？？

首先搭建网站我们需要域名+服务器，那么不懂域名是什么意思的小伙伴，可以自寻百度，那么我的域名是怎么来的，其实我的域名是这样来的！

点击我圈的红圈圈的.top域名，然后输入你想注册的域名，查询这个域名有没有被注册过，当然了，如果被注册过是不能购买的，我想这个时候你会问我为什么要选择.top域名，这个嘛？当然是最“贵”的域名呀。（Tips：我的域名是mycsm.top）当你选择好一个域名的时候然后加入购物车，付款，这个域名就属于你的了，哦，对了，域名需要实名注册哦。

免费的服务器怎么来呢？？

ok，答案是GitHubPages服务器，什么是GitHubPages呢？我这里有官方的解释如果您感兴趣，不妨看一看，传送门：https://help.github.com/categories/github-pages-basics/

简单通俗的说就是，它可以提供1G空间存储，让你存放东西，还可以请求的到，但是它也有一些限制。

不过呢这个世界就是这样，当你去做一件事情的时候，总会有人指指点点，有人认为用GitHub Pages来做网站是不道德的。感兴趣的可以自行百度。

接下来咱们登陆GitHub.com,没有GitHub账号的童鞋，哪自己的邮箱注册一个就可以了，然后新注册好的小伙伴登陆上是这页面。

点击Start a project 然后创建仓库的名字格式是：你的名字.GitHub.io,请看下图

由于我有这个仓库了，所以会有报错的提示，请忽略这个，上图的箭头分别表示：仓库名，描述，公开，初始化.......创建完成后应该是这样的

点击蓝色的字体可以编译。

域名与GitHubPages服务器绑定

打开阿里云，登录自己的账号，打开控制台，如图：

点击域名然后继续点击解析，然后继续看图

添加一个记录类型为 CNAME，主机记录为@，记录值为 github 的仓库路径。

Tips: 这里注意一下：买域名时会有一个企业邮箱，Aliyun 会默认生成邮箱的解析记录，其中记录类型有 txt 和 mx 的，会影响到 CNAME 类型的解析，我们只需要

删除 TXT 和 MX 类型的解析就好了。

                                                                                 为仓库添加CNAME文件

有两种方法：

第一种：

在仓库页面点击 Create new file，创建一个新文件； 

文件名为 CNAME； 

内容为刚刚申请的域名 mycsm.top

第二种如图:

Tips:没有 www，表示解析到 http://mycsm.top 请求流程为：http://www.mycsm.top --> http://mycsm.github.io --> http://mycsm.top

至此域名和服务器就绑定完成了，然后我们用GitHub命令上传自己写好的网页到仓库里就可以了。

我的域名地址是：http://mycsm.top/点击打开链接