用github pages发布静态网站

假设你有一堆前端文件，html，css，js，它们配合得很好，在本机用浏览器可以打开，展示出一个静态的网站，你想把它放到互联网上。

一，添加一个ssh key，这个有什么用呢?你可以把它理解成，操纵你的github账户的凭证吧。

https://help.github.com/articles/generating-ssh-keys 这个很简明，照做吧。

【睁大你的眼睛————————  下面的 USER 一律表示你的  github 的账号名， 也就是 登陆github之后，右上角那个名字，你自己起的（可以修改）！！！！！

二，使用github page搭建自己的github博客（里面有很多漂亮的样式可以选择，赞）。   

详细文档见  pages.github.com 。 其实也没有多详细，很简明，只需3步。

1，Create a new repo  （右上角第一个按钮）；

项目的名称，填上  USER.github.com    ------------- USER 是你的ID。   例子：   spam.github.com

资料填，选public。

2，进入到这个repo，点  Admin （右上角，某一栏的最右）；

找到 “Github Pages” -----> “Automatic  Pages Generator”

选一个模板，然后点下面绿色的勾（Publish）

等他们验证通过，构建page吧，一般最多10分钟，好了之后，他们会给你发邮件，耐心等。

这样你就有了一个自己的博客。

三，下面把你想发布的内容发布上来吧。

假设你的那堆文件统统存放在一个叫     project   的文件夹下。

那么现在我们要把这个文件夹放上 USER.github.com 。

在本地建一个文件夹名字叫  USER.github.com 

把你的静态文件放到一个文件夹 ， 命个名，比如  miao 。

然后把 miao 放进USER.github.com

接着打开 git bash （就是 git 的命令行）

$ cd  user.github.com的目录路径

初始化

$ git init     

$ git add miao

$ git commit -m "string"     --------string可以填入一个句子，描述此次commit的行为

$ git remote add origin [email protected]:USER/【项目名称】.git    -------此处项目名称就是  USER.github.com   

有必要解释下上面这句，它的意思是在 远端 （remote）建立一个 git， 名字叫origin， 地址是后面那串 （其实这个解释是我猜的。。。）

$ git pull origin master      --------- 把上面的那个 Automatic Gennerate 的页面文件 pull 下来到本地

$ git push -u origin master

把本地的内容 push 出去。

好啦行啦。

试试访问   USER.github.com   和  USER.github.com/miao/xxxx.html 吧~