如何使用Github pages免費搭建Blog

使用Github pages免費搭建Blog

官網即教程,寫得很明白的

https://pages.github.com/html

開始教程以前的準備工做:

一、須要你本身寫的網頁文件,如:例子中爲一個index.html,你可使用更豐富的完整文件。git

二、註冊Github。github

三、下載安裝git。瀏覽器

教程開始:

步驟一:

登陸到Github上,新建一個repo,命名爲blog,勾選 initialize this repository with a README,點擊create repository。bash

圖片描述

步驟二:

打開settings,有一個Github Pages 的設置,點擊 source 中的原本的 None ,使其變成 master 分支,也就是做爲部署github pages 的分支,而後點擊 save。頁面刷新以後,再看 github pages 設置框處,多了一行網址,就是你的 github pages 的網址了。字體

圖片描述

步驟三:

點擊這個連接:
https://jiaxinyi.github.io/blog/
這時候是一個空白頁面,由於咱們什麼都尚未添加。this

可是,到這一步咱們就有了本身的在線blog了,接下來須要使用git將它複製到本地,進行後面的修改提交。spa

步驟四:

打開此電腦,選擇一個盤,好比 E 盤,右鍵空白處點擊 git bash herehtm

步驟五:

輸入以下命令,用來在 E 盤建立 blog 文件放你的github上的blog repository,克隆blog repository到 blog 文件中。
git clone ~blog

圖片描述

這個時候你的 E 盤,就會多一個 blog 文件,打開它,會看到一個 README.md 的文件,這個文件是從哪來的呢?追溯到gihub上,你會發現 README 文件是來自 master 分支。

步驟六:

將本身的網頁文件複製粘貼至 E 盤的 blog 文件中

圖片描述

步驟七:

首先輸入 git status 列出當前目錄全部尚未被git管理的文件和被git管理且被修改但還未提交(git commit)的文件,也就是全部改動文件,紅色字體標出。

而後輸入 git add . (有個點) 表示添加當前目錄下的全部文件和子目錄,

而後 再輸入一次 git status 若是看見文件都變綠了 ,那麼就表明 它們已經準備好了被提交(git commit)。

步驟八:

輸入git pull,將你的文件上傳至遠程 master 分支

輸入最後一行 git push,按回車,等一會,會有彈出框讓你輸入你的 github 帳號和密碼。

圖片描述

最後一步:

打開瀏覽器輸入給你的網址加上你上傳的 html 文件名 index.html,而後重重的按下回車

圖片描述

相關文章
相關標籤/搜索