很多朋友对于github绑定域名和Github Pages部署静态页面并绑定域名不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
github pages 链接怎么创建1 Git简介
Git是一个开源的分布式版本控制系统，用以有效、高速的处理从很小到非常大的项目版本管理。
GitHub可以托管各种git库的站点。
GitHub Pages免费的静态站点，三个特点：免费托管、自带主题、支持自制页面和Jekyll。
2为什么使用Github Pages
1.搭建简单而且免费；
2.支持静态脚本；
3.可以绑定你的域名；
4. DIY自由发挥，动手实践一些有意思的东西git,markdown,bootstrap,jekyll；
5.理想写博环境，git+github+markdown+jekyll；
3创建Github Pages
3.1安装git工具
http://windows.github.com/
http://mac.github.com/
3.2两种pages模式
1. User/Organization Pages个人或公司站点
1)使用自己的用户名，每个用户名下面只能建立一个；
2)资源命名必须符合这样的规则username/username.github.com；
3)主干上内容被用来构建和发布页面
2. Project Pages项目站点
1) gh-pages分支用于构建和发布；
2)如果user/org pages使用了独立域名，那么托管在账户下的所有project pages将使用相同的域名进行重定向，除非project pages使用了自己的独立域名；
3)如果没有使用独立域名，project pages将通过子路径的形式提供服务username.github.com/projectname；
4)自定义404页面只能在独立域名下使用，否则会使用User Pages 404；
5)创建项目站点步骤：
$ git clone https://github.com/USERNAME/PROJECT.git PROJECT
$ git checkout--orphan gh-pages
$ git rm-rf.
$ git add.
$ git commit-a-m"First pages commit"
$ git push origin gh-pages
3.可以通过User/Organization Pages建立主站，而通过Project Pages挂载二级应用页面。
3.3创建步骤
第一步：创建个人站点
第二步：设置站点主题
进入资源-setting
更新你的站点
选择主题并发布
3.4常用命令
$ git clone git@github.com:username/username.github.com.git//本地如果无远程代码，先做这步，不然就忽略
$ cd.ssh/username.github.com//定位到你blog的目录下
$ git pull origin master//先同步远程文件，后面的参数会自动连接你远程的文件
$ git status//查看本地自己修改了多少文件
$ git add.//添加远程不存在的git文件
$ git commit*-m"what I want told to someone"
$ git push origin master//更新到远程服务器上
4使用Jekyll搭建博客
4.1什么是jekyll
Jekyll是一种简单的、适用于博客的、静态网站生成引擎。它使用一个模板目录作为网站布局的基础框架，支持Markdown、Textile等标记语言的解析，提供了模板、变量、插件等功能，最终生成一个完整的静态Web站点。说白了就是，只要安装Jekyll的规范和结构，不用写html，就可以生成网站。[jekyll介绍][jekyll on github][jekyllbootstrap]。
Jekyll使用Liquid模板语言，{{page.title}}表示文章标题，{{content}}表示文章内容。我们可以用两种Liquid标记语言：输出标记（output markup）和标签标记(tag markup)。输出标记会输出文本（如果被引用的变量存在），而标签标记不会。输出标记是用双花括号分隔，而标签标记是用花括号-百分号对分隔。[Liquid模板语言] [Liquid模板变量参考]。
jekyll与github的关系：GitHub Pages一个由 GitHub提供的用于托管项目主页或博客的服务，jekyll是后台所运行的引擎。
4.2 jekyll本地环境搭建
1.下载最新的RubyInstaller并安装(我下载的是rubyinstaller-1.9.3-p194.exe)，设置环境变量，path中配置C:\Ruby193\bin目录，然后在命令行终端下输入gem update--system来升级gem；
2.下载最新的DevKit，DevKit是windows平台下编译和使用本地C/C++扩展包的工具。它就是用来模拟Linux平台下的make,gcc,sh来进行编译。但是这个方法目前仅支持通过RubyInstaller安装的Ruby，并双击运行解压到C:\DevKit。然后打开终端cmd，输入下列命令进行安装：
cd C:\DevKit
ruby dk.rb init
ruby dk.rb install
3.完成上面的准备就可以安装Jekyll了,因为Jekyll是用Ruby编写的,最好的安装方式是通过RubyGems(gem):
gem install Jekyll
并使用命令检验是否安装成功
jekyll--version
4.安装Rdiscount，这个用来解析Markdown标记的包，使用如下命令：
gem install rdiscount
5.运行本地工程：
cd到工程目录，启动服务：
jekyll--server
4.3 jekyll目录结构
_posts： _posts中的数据文档，通过注入_layouts定义的模板，通过jekyll--server最终生成的静态页面在_sites目录。目录是用来存放你的文章的，一般以日期的形式书写标题。
_layouts：_layouts中的模板一般指向了_includes/themes中的模板。目录是用来存放模板的，在这里你可以定义页面中不同的头部和底部。
_includes：
1) _includes/JB中有一些常用的工具，用于列表显示、评论等；
2) _includes/themes中可参看主题的相关html文档。
3) _includes/themes中的主题一般包含default.html、post.html和page.html三个文档。default.html定义了网站的最上层框架（模板），post.html和page.html是其子框架（模板）。
4)生成好的html子页面通过default.html的{{ content}}变量调用，生成整个页面。
assets渲染页面的CSS和JS文档在assets/themes中
_config.yml站点生成需要用到_config.yml配置文件，站点的全局变量在_config.yml中定义，用site.访问；页面的变量在YAML Front Matter中定义，用page.访问，更多的模板变量可参考模板数据。
index.html是你的页面首页。
4.4 Jekyll-Bootstrap创建博客
1.创建个人站点，即创建一个新资源，格式为username.github.com；
2.安装Jekyll-Bootstrap：
$ git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.com
$ cd USERNAME.github.com
$ git remote set-url origin git@github.com:USERNAME/USERNAME.github.com.git
$ git push origin master
3.访问创建好的个人站点：username.github.com
4.在本地测试查看效果：
cd USERNAME.github.com
jekyll--server
Github Pages部署静态页面并绑定域名如果你想制作个人主页或者个人简历发布到网上，但是又没有自己的vps、云服务器，那么Github Pages可以帮到你。
例如我的用户名是vayci，那么我的github.io仓库名应该为： vayci.github.io
因为github.io仓库时专门部署页面的，所以直接使用master分支即可。在master分支下面上传你的页面。
在稍等片刻后，你应该可通过 vayci.github.io访问刚刚上传的页面了。
如我有域名olook.me，现在我希望分配一个二级域名用来访问我自己的静态页面，原来的一级域名仍然解析到自己的项目。需要进行以下操作：参考添加CNAME文件。
到自己域名提供商的控制台进行解析。添加一条主机记录为自己想要的CNAME解析，记录值为 vayci.github.io.（注意后面有一个“.”）
解析生效后，就可以通过resume.olook.me访问自己放在github上的个人主页了，并且通过vayci.github.io访问时，会自动跳转到resume.olook.me
通过这样的CNAME解析配置，可为自己的其他项目设置主页。
在你的其他仓库建立分支gh-pages，上传项目主页，添加CNAME解析即可。
如上图中我的域名解析配置为：
怎样将域名绑定到github pages 博客上将域名绑定到github pages博客上的解决方法
有如题需求的，一般都是程序员，有些步骤就不详细说了，写一些重点。
1、添加CNAME文件。
在仓库根目录下添加一个CNAM文件，没有后缀名，里面内容为域名(如:test.com),不需要添加http/www等前缀。
ping username.github.io记录下IP地址。
2、添加 DNS Service记录。
去DNSPod注册个账号，添加域名，设置两个A记录。分别是@和w w w，ip地址填上个步骤获取的IP地址。
3、设置域名的DNS。
在相应域名的Csutom DNS里，设置DNS service,添加两条记录f1g1ns1.dnspod.net和f1g1ns2.dnspod.net
4、漫长的等待。
要全球解析生效，得等上一会了，也可以先ping一下自己的设置对不对。
如何配置GithubPage的二级域名#Github Page种类
UserPage:用户的整个站点,这个是最出github支持的类型,创建一个形如username.github.com的项目就可以
ProjectPage:用户创建出来的项目也可以创建站点,创建一个项目后,在建立一个名叫gh-pages的branch,这个branch里的文件就是page的站点文件
#UserPage默认域名
用户站点的默认域名是username.github.io,比如笔者的站点就是liang8305.github.io
#ProjectPage默认域名
项目的默认域名,是使用UserPage域名加上二级目录实现的,比如笔者有个项目叫cydia,那么该项目的站点就是访问 liang8305.github.io/cydia
#UserPage自定义域名
我有自己的域名,如何绑定到UserPage?比如用www.zhaoxiaodan.com替代liang8305.github.io他是使用CNAME技术来实现的
具体步骤:
去域名注册商那里,做一个CNAME指向,将www.zhaoxiaodan.com指向 liang8305.github.io,
在liang8305/liang8305.github.com这个项目(也就是page项目)根目录下建一个CNAME文件,里面填写www.zhaoxiaodan.com,然后提交到仓库;
等10分钟
CNAME指向之后,当浏览器访问www.zhaoxiaodan.com的时候浏览器就知道实际上是访问liang8305.github.io
添加CNAME文件之后,当GithubPage服务器接收到访问www.zhaoxiaodan.com的http请求,就知道,对应的是这个工程了
#ProjectPage自定义域名
比如用cydia.zhaoxiaodan.com替代liang8305.github.io/cydia
同样的,去域名注册商那里,做一个CNAME指向,将cydia.zhaoxiaodan.com指向 liang8305.github.io,如果以后会有很多二级域名都指过来,其实可以做一个模糊二级指过来,比如*.zhaoxiaodan.com
在liang8305/cydia这个项目(也就是page项目)根目录下建一个CNAME文件,里面填写cydia.zhaoxiaodan.com,然后提交到仓库;
等10分钟
关于github绑定域名的内容到此结束，希望对大家有所帮助。
