github建站展示(前端必備 靜態(tài)頁面)

(動態(tài)網(wǎng)站展示外網(wǎng)請參考另外一篇文章,這個僅限于靜態(tài)網(wǎng)站)
google一下了解到Github有一個Github pages的功能可以搭建博客或者托管網(wǎng)頁,而且免費耶,搜了下教程,猛地一看感覺步驟也不是很麻煩,所以就用這個了!

開始教程之前的準備工作:
1、需要你自己寫的網(wǎng)頁文件。
2、注冊Github。
3、下載安裝git。

你的前提工作:

本地git要配置一些東西
第一個要配置的是你個人的用戶名稱和電子郵件地址。這兩條配置很重要,每次 Git 提交時都會引用這兩條信息,說明是誰提交了更新,所以會隨更新內容一起被永久納入歷史記錄:

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com
如果用了 --global 選項,那么更改的配置文件就是位于你用戶主目錄下的那個,以后你所有的項目都會默認使用這里配置的用戶信息。如果要在某個特定的項目中使用其他名字或者電郵,只要去掉 --global 選項重新配置即可,新的設定保存在當前項目的 .git/config 文件里。

(一)github down下來一個項目,修改再提交

教程開始:(以下出現(xiàn)的test指你的網(wǎng)頁名或者你想起的一切名字)
步驟一:登錄到Github上,新建一個repo,命名為test,勾選 initialize this repository with a README,點擊create repository。

步驟二:打開settings,有一個Github Pages 的設置,點擊 source 中的本來的 None ,使其變成 master 分支,也就是作為部署github pages 的分支,然后點擊 save。

步驟三:頁面刷新之后,再看 github pages 設置框處,多了一行網(wǎng)址,就是你的 github pages 的網(wǎng)址了。

步驟四 :打開此電腦,選擇一個盤,比如 f 盤,右鍵空白處點擊 git bash here。

步驟五:輸入如下命令,用來在 f 盤創(chuàng)建 test 文件夾放你的github上的test repository,克隆test repository到 test 文件中。
$ git clone https://github.com/[username]/[directory].git
這個時候你的 f 盤,就會多一個 test 文件,打開它,

會看到一個 README.md 的文件,這個文件是從哪來的呢?追溯到gihub上,你會發(fā)現(xiàn) README 文件是來自 master 分支。

步驟六: 將自己的網(wǎng)頁文件復制粘貼至 f 盤的 test 文件中

步驟八:執(zhí)行如下命令

解釋一下上面的命令:首先輸入 git status 列出當前目錄所有還沒有被git管理的文件和被git管理且被修改但還未提交(git commit)的文件,也就是所有改動文件,紅色字體標出。
然后輸入 git add . (有個點) 表示添加當前目錄下的所有文件和子目錄,
然后 再輸入一次 git status 如果看見文件都變綠了 ,那么就代表 它們已經準備好了被提交(git commit)。

步驟九:輸入如下命令,將你的文件上傳至遠程 master 分支
git commit -m "modify"
git pull
輸入最后一行 git push,按回車,等一會,會有彈出框讓你輸入你的 github 賬號和密碼。

ok之后耐心等待。
當出現(xiàn)像下圖中的語句之后,你已經完成了99%。

最后一步:打開瀏覽器輸入給你的網(wǎng)址加上你上傳的 html 文件名 test.html,然后重重的按下回車。

(二)本地項目第一次上傳github

1 git init
 
選擇要添加進倉庫的文件:
2 git add .
 
一般如果你想分享這個文件夾里的所有代碼,就在 add后面加“.”,上面的例子就是這樣,如果傳指定的,只需要把“.”改為文件名即可,現(xiàn)在只是選擇了要加入倉庫的文件,下面才是添加進入倉庫:
3 git commit -m 'Test'
 
-m后面跟一個參數(shù),表示說明,將代碼提交到GitHub后,將會在代碼文件信息上顯示這個說明,如下圖標記的地方。
搞了這么久,現(xiàn)在才開始把本地倉庫上傳到GitHub了,下面兩行命令搞定問題:
首先需要pull下代碼,才能push上傳成功
(git pull origin master)
繼續(xù)下面的操作
1  git remote add origin git@github.com:XXX/XXX.git
2 git pull origin master
3 git push -u origin master

第一次:
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/xiaoxi110/Project.git
git push -u origin master

(三)關于一個倉庫如何上傳多個項目

之前自己總是一個項目一個倉庫 不好管理
一些小的demo可以集成一起到一個倉庫
假如現(xiàn)在你有三個項目
一個:e:/a/one
e:/a/two
e:/b/three
a文件夾根目錄下git init
git add . //(全部項目)
git remote add origin https://github.com/xiaoxi110/Project.git
如果不報錯----》你就跟以前一樣提交ok
(我的報錯了)

分析原因:
看看origin 本體git還是一個指令是clone就是克隆。一個項目的剛開始,在服務器端,建立一個 origin,就是本體然后在本體基礎上 clone到本地,就是克隆,也可以分支。clone在本地的,叫master,有種本地的 本體的味道,因為本地的還可以根據(jù)master進行分支,或者被別人再clone

so   
因為自己沒有pull 本體
可能加上git pull origin master
自己可以試一試
Paste_Image.png

如果報錯---》你敲一下git status

Paste_Image.png

------>一個一個項目提交
請不要all項目用 orign 去提交

Paste_Image.png
Paste_Image.png

附錄一:常用git命令:

$ git clone //本地如果無遠程代碼,先做這步,不然就忽略
$ cd //定位到你blog的目錄下
$ git status //查看本地自己修改了多少文件
$ git add . //添加遠程不存在的git文件
$ git commit -m "what I want told to someone" //提交修改
$ git push //更新到遠程服務器上
$ git rm //移除文件

附錄二:如何修改你的網(wǎng)頁?

方法一:在github上的master分支中直接進行修改。(如果不添加新的文件推薦此法)
方法二:在github客戶端進行修改在同步。(如果添加了新的文集推薦此法)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,698評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,202評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,742評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,580評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,297評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,688評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,693評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,875評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 49,438評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,183評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,384評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,931評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,612評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,022評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,297評論 1 292
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,093評論 3 397
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,330評論 2 377

推薦閱讀更多精彩內容