🌐 從零開始搭建你的個人博客:使用 GitHub Pages 免費部署靜態網站
在互聯網時代,擁有一個屬于自己的網站不僅是一種展示方式,更是一種技術能力的體現。今天我們將一步步學習如何通過 GitHub Pages 搭建一個免費的個人博客或簡歷網站。零基礎也完全沒問題!
? 為什么選擇 GitHub Pages?
- 免費! 不花一分錢就可以部署你的個人網站。
- 穩定! GitHub 背靠微軟,服務可靠。
- 速度尚可:雖然是國外網站,但國內訪問速度也不錯。
- 隨時遷移:即使未來 GitHub 無法訪問,遷移到 Gitee(碼云)等國內平臺也輕而易舉。
🛠 準備工作:注冊 GitHub 賬號
- 打開 GitHub 官網,點擊右上角的
Sign up
注冊新賬號。 - 填寫以下信息:
- 用戶名(建議個性化些,因為它會出現在你的網站地址中)
- 郵箱
- 密碼
- 郵箱驗證:GitHub 會給你的郵箱發送一封驗證郵件,請點擊確認鏈接完成激活。
📌 注意:注冊過程中 GitHub 可能會問你一些使用習慣的問題,隨意選擇即可,不影響后續使用。
📦 創建你的第一個代碼倉庫(Repository)
這個倉庫將作為你網站的“家”。
-
登錄 GitHub,點擊右上角頭像 ->
Your repositories
->New
創建新倉庫。
-
倉庫命名格式必須為:
你的用戶名.github.io
- 例如你的用戶名是
leo
,那么倉庫名就填leo.github.io
- 例如你的用戶名是
-
可選擇勾選“Add a README file”,方便初始化倉庫。
-
點擊 “Create repository” 完成創建。
?? 創建主頁文件:index.html
-
進入你剛剛創建的倉庫。
-
點擊 “Add file” -> “Create new file”。
-
文件名必須是
index.html
,因為瀏覽器默認訪問的是這個頁面。
-
在編輯框里輸入你的網站內容,例如:
<html><head><title>我的個人主頁</title></head><body><h1>你好,歡迎來到我的GitHub主頁!</h1><p>這是我第一個靜態網站~</p></body> </html>
-
填寫提交說明,點擊 “Commit new file”。
🚀 部署網站到 GitHub Pages
接下來,我們就要把這個網站“發布”到互聯網上了!
- 打開倉庫主頁,點擊上方的
Settings
。
- 在左側菜單中找到 “Pages”。
- 在 “Build and Deployment” 部分:
- Source:選擇
Deploy from a branch
- Branch:選擇
main
或master
(視你創建倉庫時選擇的分支而定)
- Source:選擇
- 保存設置。
🌐 查看你的網站
幾分鐘后,你就可以通過瀏覽器訪問你的網站啦!
? 訪問規則說明:
- 如果你的用戶名和倉庫名一致(即你創建的是用戶主頁):
-
倉庫名必須是:
你的用戶名.github.io
-
訪問地址是:
https://你的用戶名.github.io
-
例如,如果你的用戶名是
leo
,訪問地址就是:https://leo.github.io
-
- 如果你創建的是其他倉庫(項目站點):
-
倉庫名不是
用戶名.github.io
,而是其他名字,比如blog
、resume
等; -
那么訪問地址是:
https://你的用戶名.github.io/倉庫名
-
例如你的用戶名是
leo
,倉庫名是blog
,那么訪問地址是:https://leo.github.io/blog
-
📌 說明:用戶主頁(User Page) 和 項目主頁(Project Page) 是 GitHub Pages 的兩種不同的部署模式。只有當倉庫名嚴格等于“你的用戶名.github.io”時,才會被識別為用戶主頁。
🔁 如果以后 GitHub 被墻了怎么辦?
不用擔心!你已經掌握了部署靜態網站的核心方法:
- 你可以選擇將代碼遷移到國內的代碼托管平臺,比如 Gitee(碼云)。
- 這些平臺同樣支持靜態頁面托管,只需稍作調整。