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

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