利用GitHub快速建立您的個人網站及上傳App廣告設定檔

這篇文章為利用GitHub建立網站的筆記。

想要使用 GitHub 建立網站並上傳相關文件（例如 index.html 或 Google AdMob 的app-ads.txt）的話，GitHub是一個非常方便的工具。雖然GitHub只有辦法架靜態網站，但如果只是簡單的個人網站，還是為 App 上傳廣告相關的配置文件，都非常方便。

步驟一：建立新的 GitHub Repository

首先，需要在 GitHub 上創建一個新的 Repository，這是存放網站文件的地方。具體步驟如下：

1. 登入 GitHub 帳號。
2. 點擊右上角的 + 按鈕，選擇 New repository。
3. 在「Repository name」欄位中，輸入倉庫名稱。若要將其作為 GitHub Pages 網站使用，建議將 repository 的名稱設為<your-account-name>.github.io ，例如：roland.github.io。
4. 其他設定可以使用預設選項，然後點擊「Create repository」。

步驟二：上傳index.html到 GitHub Repository

接下來，將網站的主頁文件上傳到你剛剛創建的 repository 中。

1. 進入剛剛創建的 repository 頁面。
2. 點擊「Add file」並選擇「Upload files」。
3. 將本地的index.html文件拖放到上傳區域，或者點擊選擇文件上傳。
4. 完成後，向下滾動並點擊「Commit changes」，這樣index.html文件就會被上傳到 repository 中。

步驟三：啟用 GitHub Pages

GitHub Pages 允許將上傳的 HTML 文件轉換成一個網站。接下來，就可以啟用 GitHub Pages，並選擇適當的 branch 來建立網站。

1. 在 repository 頁面中，點擊上方的「Settings」選項。
2. 在左側的選單中，找到並點擊 Pages。
3. 在「Source」欄位中，選擇要使用的 branch，通常會選擇 main 或 master branch。
4. 點選「Save」。

如果設定成功，將會在頁面上方看到類似於「Your site is live at https://<your-account-name>.github.io/」的字樣。這表示網站已經成功啟用。

步驟四：上傳app-ads.txt文件

若是為 Google AdMob 配置網站並需要上傳app-ads.txt文件，可以利用 GitHub Pages 將該文件放置於網站的根目錄中。這樣 Google AdMob 就能夠正確識別並驗證你的廣告設定。

1. 在已經創建的 repository 頁面中，再次點擊「Add file」選擇「Upload files」。
2. 將app-ads.txt文件拖放到上傳區域。
3. 完成上傳後，點擊「Commit changes」。

這樣，app-ads.txt文件將被上傳並放置在網站的根目錄下。記得，Google AdMob 需要這個文件存在於你網站的根目錄才能進行驗證。

步驟五：確認網站是否成功運行

最後，進入在 GitHub Pages 中設置的 URL（例如 https://<your-account-name>.github.io/），確保網站內容已經正確顯示。如果有上傳app-ads.txt文件，確保該文件也能在根目錄下被正確訪問（例如： https://<your-account-name>.github.io/app-ads.txt）。

注意：

如果要上傳google admob的app-ads.txt到網站的根目錄的話，也可以用github建立網站上傳。

但要注意的點是，一定要將repository的名字改成<your account name>.github.io。