假設你有一堆前端文件,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 吧~