【GitHub Pages】免費靜態網頁代管 打造個人網站|詳細限制、使用教學及修改域名方法

Posted by

GitHub Pages 是一個強大的免費靜態網頁代管服務,讓您能夠輕鬆地建立和架設屬於自己的個人網站。在這個教學中,我將向您展示如何使用 GitHub Pages,解釋一些使用上的限制,以及如何使用自己的域名以及一次改整個帳號的域名。

## 1. 建立 GitHub 帳號

首先,您需要在 GitHub 上建立一個帳號。去到 GitHub 的官方網站(https://github.com/),點擊「Sign up」按鈕,填寫您的用戶名、電子郵件地址和密碼,並點擊「Sign up for GitHub」按鈕來完成註冊。

## 2. 創建新的 GitHub 存儲倉庫

登入您的 GitHub 帳號後,點擊右上角的「New」按鈕來創建一個新的存儲倉庫。填寫存儲倉庫的名稱,例如「username.github.io」(其中「username」為您的 GitHub 用戶名),這個名稱將成為您網站的 URL。

## 3. 上傳您的網站文件

將您的網站文件上傳到剛剛創建的存儲倉庫中。您可以使用 Git 命令行工具或者 GitHub Desktop 來輕鬆地進行上傳操作。確保您的網站文件包括一個 index.html 文件,這是您網站的首頁文件。

## 4. 訪問您的網站

在瀏覽器中輸入 https://username.github.io(將「username」替換為您的 GitHub 用戶名),您將能夠看到您的網站已被成功部署到 GitHub Pages 上。

## 使用限制

– GitHub Pages 只支持靜態網頁文件,不支持動態網頁或後端服務。
– 每個 GitHub 帳號只能擁有一個 username.github.io 存儲倉庫。
– 存儲倉庫的文件大小限制為1GB,且每月流量限制為100GB。

## 使用自己的域名

若您想使用自己的域名來訪問網站,請按照以下步驟操作:

1. 在您的域名託管提供商處設置一個 CNAME 文件,將域名指向 username.github.io。
2. 在 GitHub 存儲倉庫的根目錄中創建一個名為 CNAME 的文件,裡面寫入您的自訂域名(例如 example.com)。
3. 修改您的域名託管提供商的 DNS 設置,將域名的 CNAME 設置為 username.github.io。

## 一次改整個帳號的域名

若您想修改整個 GitHub 帳號的域名,請按照以下步驟操作:

1. 在 GitHub 上創建一個新的存儲倉庫,名稱為您新的用戶名(例如 newusername.github.io)。
2. 複製並上傳您的網站文件到新的存儲倉庫中。
3. 刪除舊的 username.github.io 存儲倉庫,以防止重複。

透過這個教學,您現在可以使用 GitHub Pages 來建立並架設屬於自己的個人網站,並了解如何使用自己的域名以及一次改整個帳號的域名。希望這個教學對您有所幫助!

0 0 votes
Article Rating
12 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@inulloo
1 month ago

Nice!

@user-wr1ni5se2k
1 month ago

您好博主,GitHub能搭载动态网页吗

@zeater-6091
1 month ago

請問我的index.html在all/templates 兩個資料夾下 然後他網址打開沒偵測到我的html
是html只能放最外面嗎 網址後面加上index.html也沒有

@Chenpeng0211
1 month ago

是只能丟一個html黨嗎,那css跟html放同個資料夾可以傳嗎

@11305205219
1 month ago

優質教學

@ericbob_metro
1 month ago

我用github架設網站但被判定為不安全網站欸

@user-yp2in3qs3c
1 month ago

謝謝你,非常實用~!

@nickwei1913
1 month ago

奇怪 為什麼你只丟一個html檔進去就能開啟

@wolflang
1 month ago

Freenom好像不能用了

@JoeyLiao127
1 month ago

我按照影片的步驟建立儲存區後,上傳了一個html檔案,在選擇branch並儲存後,大約會等多久才會架設好網站?

@rogerwang1474
1 month ago

Thanks!

@rogerwang1474
1 month ago

優質教學