在github上搭建自己的主页和顶级域名的绑定

我们如果想要一个属于自己的网站，都需要买域名和服务器，然而，这些都需要人民币。下面我来和大家分享一个小技巧，来免费创建自己的网站。 在github上搭建起来自己的主页下面我们一起来看一下如何搭建。

在github上放自己的网页

（一） 首先自己要有一个github账号，那么去注册一个：https://github.com/join?source=login ,注册好了之后，我们进入github 。比如以前我注册的名称是 johnnynode 。

（二） 然后点击右上角的 “+”号 ，我们再次点击 “New repository”，好的，进入页面，我们填写Repository name ，填写的格式是 : 你注册的用户名.github.io， 比如我填写的是johnnynode.github.io 然后点击绿色的“Create repository” 按钮。我们就创建了一个自己的仓库了。不过里面啥都没有 ^_^…

（三） 然后我们就要把我们自己的主页放到github上了。首先我们需要有git工具 如果是windows，需要在环境变量里配置git，以确保我们可以使用git这个命令，我们可以用 git bash 或者 windows的 cmd 命令来完成 。

（四） 我们可以按照页面上的提示去操作，我经常习惯的就是先把那个刚创建的空仓库克隆下来，如果使用cmd，那么找个目录，按住键盘的shift键，鼠标右键，选择“在此处打开命令窗口”。

（五） 首先我们很有必要的配置一下全局参数

• git config --global user.name '此处输入自已的名字'
• git config --global user.email '此处输入自已的邮箱地址'

（六） 配置完成后，我们从仓库上把我们仓库的地址克隆到本地

• 格式为：git clone '我的仓库地址' '我本地文件夹的名称'
• 示例为： git clone [email protected]/johnnynode.github.io.git johnnynode
• 说明：此处之前，在github上我选择的是SSH的加密方式，所以我克隆的地址是这个: [email protected]/johnnynode.github.io.git ，在命令的最后是我要克隆后生成仓库文件夹的名称 : johnnynode，当然，你需要自己弄属于你自己的文件夹，克隆好后，我们就可以把我们的页面文件拷贝到这个文件夹下了，在这个文件夹下我们来建一个index.html文件。

（七） 我们通过cd命令进入这个文件夹。然后我们需要add和commit

• 用命令 git add -A 或者 git add --all
• 然后我们提交改动的文件 git commit -m 'init commit' 此处不对git命令进行深究， 这个意思是把暂存区中的内容提交到仓库中，然后我们就可以往github上push了。

（八）往github上提交 我们使用命令 git push -u origin master 我们默认在master分支上操作，这个我们也不深究。等待提交完成后，我们刷新仓库的页面，发现我们的文件已经放到github上了。(如果在这个过程中遇到了问题，比如访问权限的问题，那么我们需要提供用户名和密码，如果想省略这步骤，需要自己去设置SSH and GPG keys 官网上有介绍，不做深究)

（九）上传完成之后的访问

• 通过访问url格式为： “你的github的名称.github.io”
• 示例：比如我的”johnnynode.github.io” 来欣赏我们的主页了 ，你可以把你自己做的网页放到你的github上。

绑定域名和github地址

如果我们买了一个自己的域名，那么我们只需要简单的做几步就可以把我们github上的主页和我们的域名进行绑定了。

（一） 在主项目里新建一个文件CNAME，没有后缀哦，然后在里面写上自己需要绑定的域名

• 示例为： johnnynode.com
• 此处设置的是顶级域名，当然你也可以设置二级域名，我们只演示绑定顶级域名

（二）然后去域名提供商，比如阿里云上去设置

• 找到域名，然后点击 “解析” ，进入页面之后添加解析，设置如下示例：

• 注意这两个记录值192.30.252.153 和 192.30.252.154
  是固定的，详情参考 https://help.github.com/articles/setting-up-an-apex-domain/

• 保存之后不到10分钟就解析成功了。

（三）访问

• 通过 “你的github名称.github.io” 如我的为：johnnynode.github.io, 之后会跳转到 johnnynode.com 这个域名
• 或直接通过域名访问主页 johnnynode.com

（四）相关参考链接

• https://pages.github.com/
• https://help.github.com/articles/setting-up-an-apex-domain/
• https://help.github.com/articles/using-a-custom-domain-with-github-pages/
• https://help.github.com/articles/setting-up-an-apex-domain/
• https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/
• https://help.github.com/articles/setting-up-an-apex-domain-and-www-subdomain/
• https://www.cnblogs.com/MuYunyun/p/6082359.html
• http://blog.csdn.net/lmj623565791/article/details/51319147

备注：本博客在2018年02月27日11:52:20更新过