利用Github 可以免費搭建個人的靜態(tài)頁面,本文中只針對有使用過Github,Git的基礎朋友學習使用
創(chuàng)建repo
- 登錄到Github上梯嗽,新建一個repo,命名為test沽损,勾選 initialize this repository with a README灯节,點擊create repository。
- 打開settings绵估,有一個Github Pages 的設置炎疆,點擊Launch automatic page generator(啟動自動頁面生成器)。
- 點擊頁面最后的continue to layouts国裳,然后就可以進入設置你的頁面主題形入,你會說這不是我的網頁呀,別急嘛缝左,先選擇一個主題亿遂,點擊 publish pages浓若。
這個時候就可以訪問剛才創(chuàng)建的模板網頁了,網址在setting 頁面即可顯示出來
Git上傳我們的HTML文件
- 輸入命令:mkdir test,用來在 f 盤創(chuàng)建 test 文件放你的github上的test repository
- 輸入:git clone https://github.com/xxx/test.git 蛇数,克隆test repository到 test 文件中挪钓。
- 輸入以下命令,為了在本地新建一個gh-pages分支苞慢,而這個分支是遠程分支origin/gh-pages的鏡像诵原,也就是我們可以在本地的gh-pages看到github上的gh-pages的內容。
903320-20160305145815252-344194499.png
- 執(zhí)行如下命令挽放,刪除原有的gh-pages文件绍赛,并提交(commit)本次修改。
903320-20160305150641830-12563151.png
- 將自己的網頁文件復制粘貼至 f 盤的 test 文件中
- 輸入如下命令辑畦,為了本地gh-pages中的網頁文件同步到遠程的gh-pages中吗蚌。
903320-20160305151516534-175124906.png
903320-20160305151717159-2121860532.png
- 最后一步:打開瀏覽器輸入給你的網址加上 test.html,然后重重的按下回車纯出。
附錄一:常用git命令
$ git clone //本地如果無遠程代碼蚯妇,先做這步,不然就忽略
$ cd //定位到你blog的目錄下
$ git status //查看本地自己修改了多少文件
$ git add . //添加遠程不存在的git文件
$ git commit -m "what I want told to someone" //提交修改
$ git push //更新到遠程服務器上
$ git rm //移除文件
附錄二:如何修改你的網頁
- 在github上的gh-pages分支中直接進行修改暂筝。(如果不添加新的文件推薦此法)
- 在github客戶端進行修改在同步箩言。(如果添加了新的文集推薦此法)