【Day02】一起來建立靜態頁面吧


a. 先註冊 Github 帳號及下載 GitHub Desktop

註記 : 經過 E-mail 認證後,可先選擇免費方案即可。


b. 建立一個Repository

點選頁面右上角 + ,選擇「New repository」,輸入你的專案名稱 Repository name,接著點選 Create repository,就建立起一個專案囉!


c. 先用預設模板建立靜態網頁

點選「setting」,並往下滑移到 GitHub Pages 區塊

點選「Choose a theme」,替自己的頁面選擇主題吧!

可以先隨意選擇,到後面會套用Bootstrap模板。

GitHub 提供的模板


d. 開啟頁面檢視

這時候我們就可以來檢視成果啦!
https://{帳號名稱}.github.io/{repository名稱}/
用上列方式存取你剛剛建立的模板,以我為例子
https://yipinghi.github.io/Mom-s-Food/

成功


e. 修改頁面內容

基本上這樣就是一個靜態網頁,你可以根據需求去修改內容,示範如下:

  • 選擇 Code 區塊,點選編輯 icon

  • 可以開始編輯頁面內容

  • 送出已修改的內容,因目前沒有建立分支 branch,我們直接選擇合併到 master,最後點選「Commit changes

    若想詳細了解 branch / master,可參考此連結

  • 重新整理頁面,修改成功啦!

  • 也可以看到目前你最新一次的修改紀錄

  • 點進去後,可以看到修改內容左邊有加減號。
    (加號代表新增、減號代表刪除)

f. 參考資料

不用懂git也能用GitHub Pages架設靜態網站並綁定網域

GitHub page 讓網站免費上線

#Github #GitHub Page
七天系列文_使用 GitHub Page 快速架起網站,套用自己的喜歡的 Bootstrap 樣式,你也能夠擁有自己的網站唷 !






Related Posts

[ JavaScript 08 ] Number 類型的內建函式

[ JavaScript 08 ] Number 類型的內建函式

JavaScript  與瀏覽器的溝通 : DOM

JavaScript 與瀏覽器的溝通 : DOM

JS 設定預設值 (Default Parameters)

JS 設定預設值 (Default Parameters)



Sponsored



Comments