用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 吧~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章