github博客搭建并自定义域名

一 用户或组织网站

1 建立repository

1 登陆你的github账号，而后建立一个repository，名称为username.github.io，注意前面的username是你的github账号(或者组织账号)名称

注意：若是repository的第一部分不彻底匹配你的用户名,它不会工做,因此必定要建立正确。

2 clone repository到本地

在本地建立一个用于放置该项目的文件夹，Terminal进入到该文件夹的根目录，执行clone命令

git clone https://github.com/username/username.github.io

注：clone后面的url是你新建的repository的地址，具体地址进入你建立的repository能够找到

3 添加网站内容

在刚新建的文件夹中添加一个index.html网页，并编辑保存

cd username.github.io

~$echo "Hello World" > index.html

这里使用命令行生成，可使用vim编辑，固然你也可使用任何编辑器生成并编辑，在里面写入一句hello world。

4 提交

最后push到github repository上

git add --all

~$git commit -m "Initial commit"

~$git push -u origin master

5 访问网站

打开 http://username.github.io 网址，查看你的我的网站。注意，这里的username要替换成你的github账号名称。

注意： 这里使用命令行操纵，你也可使用github的客户端来操做。

二 项目网站

建立项目网站,您能够经过选择一个预设的主题来生成一个网站 ,或从头开始建立一个网站。

2.1 方式一 选择主题生成

步骤1 ：建立选择项目

进入到github，选择一个已经存在的项目，或者建立一个新的项目。点击进入该项目，点击Setting按钮。

项目网站中，gh-pages分支是用来发布你的网站的。这意味着您可使用GitHub页面相同的存储库的项目,而不影响项目自己。

步骤2 ： 自动生成

向下滚动到GitHub Pages模块，点击Launch automatic page generator按钮。

步骤3：添加内容

使用编辑器向你的site添加内容，若是项目已经有了READE.md文件，你能够点击右边的Load READE.md按钮导入你的READE.md文件。

点击Continue to Layouts进入下一步。

步骤4：选择theme

选择一个主题，而后点击Publish按钮。

步骤5：访问网站

访问你的项目网站http://username.github.io/repository ( username 修改成你的用户名，repository修改成你的项目名 )，查看是否生成成功。

2.2 方式二 从头生成

步骤1：建立一个gh-pages分支

进入到github，选择一个已经存在的项目，或者建立一个新的项目。点击分支的下拉按钮，输入gh-pages回车。建立gh-pages分支。

该分支用来发布你的site。

步骤2：(可选)设置gh-pages分支为默认分支

若是你建立了一个新的分支在github上，进入setting，在分支选项上能够切换当前默认的分支。

步骤3：建立一个index.html文件

返回repository，点击增长一个新的文件index.html

步骤4：编辑index.html文件

步骤5：提交修改

步骤6：访问网站

访问你的项目网站http://username.github.io/repository ( username 修改成你的用户名，repository修改成你的项目名 )，查看是否生成成功。

三 使用自定义域名

1 域名配置文件

在source目录下建立一个CNAME文件，不带后缀。这里使用的是Windows系统，因此使用命令cd.>CNAME。建立好后打开：

直接写入你的域名luciastar.com

2 DNS解析

第一步：先查看你的github网站的iP地址：

ping github.xxx.io

第二步：DNSpod解析域名

这里使用DNSpod来进行解析 , 缘由：快，免费。

登陆：直接用QQ能够登陆

点击进入添加记录页面：

将域名指向服务器的ip，即在DNSPod中添加“A记录”，注意要添加带“www”的和不带“www”两个记录,分别是@和www

ip都填以前解析出来的github网站ip。

第三步：设置域名的DNS解析器

这里的域名是在godaddy买的

登陆godaddy->点击左上角的Domin按钮

添加上DNSpod的f1g1ns1.dnspod.net和f1g1ns1.dnspod.net。

3 访问你的域名

访问你的域名，如今应该能成功解析打开网站。