建立github帐号

说明 : 首先,你须要注册一个 github 帐号,最好取一个有意义的名字,好比姓名全拼,昵称全拼,若是被占用,能够加上有意义的数字.
本文中假设用户名为  tiemaocsdn

1. 注册帐号:
地址:  https://github.com/
输入帐号、邮箱、密码,而后点击注册按钮.

图1 第1步

2. 初始设置
注册完成后,选择 Free 免费帐号完成设置。

图2 第2步

2.1 验证邮箱
请打开你的邮箱，查看发送给你的确认邮件，你须要验证邮箱后,后面生成的我的主页才会被接受和发布.

3. 建立页面仓库
地址:  https://github.com/new
这个仓库的名字须要和你的帐号对应， 如  tiemaocsdn.github.io
输入基本信息,而后点击建立仓库.

图3 第3步

4. 进入项目设置页面
由于这个项目就是专门的放页面的,因此 master 分支便可. 若是是你的某个仓库的页面,你须要设置到  gh-pages  分支中,关于这些,请参考本文末尾提到的参考资料.

图4 第4步

5. 进入自动页面生成器
在设置页面,下拉到底部, 默认分支(master)不用管.

图5 第5步

6.1 建立用户页面(即技术博客站点)
输入一些内容,能够本身编辑,也能够从readme加载：

图6-1 第6-1步

6.2 继续,选择主题

图6-2 第6-2步

7. 选择主题,而后发布
以下图所示,其实这些之后你均可以本身修改替换,这只是生成一些css,html,img到你的仓库里面.

图7 第7步

8. 查看效果
如今,你能够访问本身的GitHub.io 上的主页了，例如：
http://tiemaocsdn.github.io/
页面效果以下图所示:

图8 第8步

9. CNAME绑定域名

到这一步,其实已经很明确了, http://tiemaocsdn.github.io/ 这么一个域名，就指向了刚刚构建的这个站点/页面。 若是嫌弃这个域名太土了怎么办? 

其实很好办，花钱买个喜欢的域名映射过去就行了。 在根路径下建立一个文件, 文件名是大写的 "CNAME", 注意没有后缀。 由于tiemaocsdn 没有购买域名，那么就拿另外一个来讲事吧。

相似下面这样：

https://github.com/renfufei/renfufei.github.io/blob/master/CNAME

里面的内容，就是访问此 xxx.github.io 时会重定向到此域名，因此其实这个地址能够是任意值。 可是为了有意义，咱们能够定义为某个固定的域名，例如 :

 blog.cncounter.com

文件的内容只有一行，这样访问  http://renfufei.github.io  时浏览器就接收到重定向指令,跳转到CNAME里面指定的域名去了。  

大体的响应头和状态码以下，你也可使用Chrome打开NetWork，勾选上 Preserve Log 保留日志看一看相关信息：

 Request URL:http://renfufei.github.io/
 Request Method:GET
 Status Code:301 Moved Permanently

 Location:http://blog.cncounter.com/
 Server:GitHub.com

这样就很明白了，访问此站点时，若是域名不是 blog.cncounter.com ,那么就会跳转到 http://blog.cncounter.com/，我的恶意推测,即使你将CNAME文件的内容设置为 www.baidu.com 也是可行的，这样访问的时候直接跳转到百度了。
可是，若是  http://blog.cncounter.com/  是空的怎么办?  这就须要你本身保证咯。

固然，要是这么结束掉，那本文就是一篇坑文。 
若是你持有这个域名，那么你能够将域名的对应记录也CNAME到 "renfufei.github.io" . 记住， renfufei.github.io 已是一个互联网上能明肯定位到的地址，因此DNS记录彻底能够映射到此路径.

例如以下的记录， DNS中，A记录那就是直接指定一个IP。 CNAME就是重命名，指向另外一个域名。 主机记录就是前缀，例如: blog, 与 cncounter.com 拼接在一块儿就是 blog.cncounter.com ，若是你想映射 www.cncounter.com ，那么主机记录就是 www ,记录类型是CNAME，记录值是renfufei.github.io；若是想将 http://cncounter.com 这个根域名也映射到，那么记录类型也是CNAME,主机记录就是一个英文的 at: "@". 你能够将多个域名都映射到 xxxxx.github.io 之类的你本身的站点上，但原则上都会跳转到你新建的 CNAME文件中的域名上。【放心，不会死循环。。。】.好的，恭喜你!

注意事项 :

• 若是报404，或者其余错误,请稍等,或者检查你的邮箱，看看构建失败的提示信息.
• 好比个人,由于最初没有验证邮箱,结果收到了好几回发布失败的通知(以下面的邮件提示)。
• 之后每次你提交(或在线修改后提交)文件到这个仓库,GitHub 都会自动为你构建,并发布。
• 因此,有问题,请修改并提交某个文件，从新试试吧！

 The page build failed with the following error:


 You need a verified email address in your GitHub account to publish Pages.
 You can verify your email addresses from your Settings panel:


     https://github.com/settings/emails


 If you have any questions please contact us at https://github.com/contact.

下面是参考的一部分:

您能够经过GitHub的页面自动生成器快速为 项目,用户(User,好比你的帐号),或组织(Organization, 好比 alibaba) 建立一个网站(其实就是技术博客啦)。

生成用户/组织的网页

要生成用户/组织的网站页面,你须要建立一个仓库(repository,代码库),名为: username.github.io 或 orgname.github.io ； 用户名或组织名 必须 是你本身的帐号/或所属的组织, 不然GitHub Pages 站点不会帮你生成(build,构建,编译,)。 GitHub的页面自动生成器能够经过仓库的设置页面(Settings page)看到。 您能够阅读更多 关于用户和组织页面的内容  。

警告 : GitHub页面网站在互联网上是公开,即便其所属的仓库是私有的。 若是你有敏感数据在页面仓库中,您可能须要在发布以前删除他们。

参考地址 :

• Categories / GitHub Pages Basics
• User, Organization, and Project Pages
• Creating Pages with the automatic generator

若是你看到这里,若是你已登陆, 若是以为对你有帮助,请点击下面的  “顶” 按钮.

若是有问题,有建议,请留言。

赶快试试吧！

GitHub.io技术博客的好处 : 写博客,你能够本身定义JS，CSS，图片,嵌入iframe 显示代码示例,什么你均可以自定义,什么标签都容许,而在其余的技术博客站点,由于安全限制,不少是不容许的。

若是你对学习Git,以及使用这种强大的工具和项目/代码管理思想感兴趣,那么推荐你阅读这一系列的文章,讲得深刻浅出,生动有趣: http://www.worldhello.net/gotgithub/01-explore-github/010-what-is-github.html