【哈佛大學】用 Python 和 JavaScript 進行 Web 開發 P36 - 36. 3-13 用Github搭建頁面

而且關於 GitHub 還有一個值得注意的額外功 能 稱為 GitHub Pages GitHub Pages 是 GitHub 提供的一種免費方式 讓您能夠快速地使用 HTML 和 CSS 建立網站 而且可能還會用到一點點 JavaScript 並上傳到網際網路 讓任何人查 看任何擁有 GitHub 帳號的人 都可以免費建立 GitHub Pages 網站 我們現在就可以展示這一點 在 GitHub 上 你只需要創建一個新的倉庫 並把它命名為 yourusername github io 即可 是您 GitHub Pages 網站的慣用名稱 雖然它可能有其他名稱 但您只需手動 啟用 GitHub Pages 即可 我們現在就來建立這個程式庫 如果你建立一個名為 yourusername github io 的 GitHub 程式庫 它會自動支援 GitHub Pages 這表示我可以使用這個網址進行複製 所以我可以輸入 git clone 並加上這個網址 我克隆了一個空的儲存庫 但可 以進入這個儲存庫並新增一些檔案 我可以說 我們來新增 預設情況下 它被稱為 index html 檔案 我將建立一個HTML檔案 作為我的網站 裡面的內容只會寫著 這是我的GitHub Pages網站 就像這樣 一個簡單的東西 但如果你希望它更複雜的話 當然也可以更複雜 我在終端機中會執行 git add 這個 index html 檔案 然後我會進行提交 通常第一次提交時 你只需要在提交訊息中寫上 第一次提交 這樣我們就知道這是第一次提交 然後我現在會將這些更改推送到 GitHub 所以如果你將你的更改推送到名為 yourusername github io 的倉庫 然後如果你查看設定並向下捲動 就會發現 GitHub Pages 預設已經準備好發佈 現在 如果我點擊這個網址 myusername github io 你會看到它已經上線到網際網路 這樣任何人都可以訪問這個網址並看到它 他們會看到一個大標題 上面寫著「這是我 的 GitHub Pages 網站」 因 為這是瀏覽器呈現我推送到 GitHub Pages 倉庫中的 HTML 的方式 這樣做的好處是現在很容 易就能快速更新我的網站 我只需要在做出新變更後提交該變更 並將其推送到 GitHub 當 GitHub 檢測到我推送程式碼到我的 GitHub Pages 儲存庫時 它就 會更新我的網站 讓全世界任何人均可透過 myusername github io 訪問 這讓你可以充分利用 Git 的所有功能 包括 分支功能 以及在網站的不同功能上進行開發的能力 頁面在不同時間點顯示 並回滾到不同的程式碼版本