GitHub上搭建我的网站

大体以下步骤：

一、注册Git帐号

二、建立SSH keys

三、新建repository

---

四、设置网站

五、clone库到本地

六、提交、上传

七、预览

本教程默认你了解GitHub的基础之上 会使用基本命令，若是不了解 前三步可参考文章：

GitHub入门教程   GitHub建立SSH Keys

1、新建repository(仓库),以下

填写名称,描述信息 其余默认 而后提交便可。

2、设置网站

Create以后跳转新页面,点击右方Settings设置

在Options选项卡中咱们找到GitHub Pages点击"Automatic page generator"

咱们看到跳转的页面:

Project name:网站标题

Tagline：网站副标题

Body：网页源码

Google Analytics Tracking ID：搜索引擎抓取关键字

以上这些咱们均可以自定义,暂默认便可。

填完后,点击"Continue to Layouts" 选择本身的博客主题

而后点击"Publish page"成功以后回到项目页面能够看到自动生成的一些文件

接下来咱们就能够在浏览器中输入http://itmyline.github.io/blog来预览一下

itmyline:用户名, blog:项目名

提示：404错误。稍等10分钟

PS:等了漫长的十分钟,刷新页面 咱们blob的主页面就显示出来了。

(若是一直显示404,就要检查你是否验证邮箱了,若是没有,到你帐户去进行验证)

可这个主页的内容和样式都不是咱们想要的,如何破。咱们能够上传咱们本身的项目

下面以一个简单的Bootstrap网站模板为例...

3、clone(克隆)代码、修改

在任意盘根目录下(本例为D盘)把代码clone下来

$ git clone git@github.com:itmyline/blog.git

而后在D盘咱们就会看到clone下来的代码

接下来把咱们要上传的文件复制到此目录下

本例中新增了css、js文件夹及覆盖index.html

4、提交、上传

进入D\blog目录,右键Git Bash 打开命令行

$ git branch
* gh-pages

查看当前分支为gh-pages

接下来：

$ git add .
$ git commit -m "blog"
$ git remote add origin git@github.com:itmyline/blog.git
$ git push -u origin gh-pages

进入GitHub查看 咱们新增的文件都出来了。

浏览器输入地址http://itmyline.github.io/blog/ 便可预览咱们搭建的网站。

OK，大功告成！

做者：itmyhome

出处：http://blog.csdn.net/itmyhome1990/article/details/39697659