從零開始搭建你的個人博客:使用 GitHub Pages 免費部署靜態網站

🌐 從零開始搭建你的個人博客:使用 GitHub Pages 免費部署靜態網站

在互聯網時代,擁有一個屬于自己的網站不僅是一種展示方式,更是一種技術能力的體現。今天我們將一步步學習如何通過 GitHub Pages 搭建一個免費的個人博客或簡歷網站。零基礎也完全沒問題!


? 為什么選擇 GitHub Pages?

  • 免費! 不花一分錢就可以部署你的個人網站。
  • 穩定! GitHub 背靠微軟,服務可靠。
  • 速度尚可:雖然是國外網站,但國內訪問速度也不錯。
  • 隨時遷移:即使未來 GitHub 無法訪問,遷移到 Gitee(碼云)等國內平臺也輕而易舉。

🛠 準備工作:注冊 GitHub 賬號

  1. 打開 GitHub 官網,點擊右上角的 Sign up 注冊新賬號。
  2. 填寫以下信息:
    • 用戶名(建議個性化些,因為它會出現在你的網站地址中)
    • 郵箱
    • 密碼
  3. 郵箱驗證:GitHub 會給你的郵箱發送一封驗證郵件,請點擊確認鏈接完成激活。

📌 注意:注冊過程中 GitHub 可能會問你一些使用習慣的問題,隨意選擇即可,不影響后續使用。


📦 創建你的第一個代碼倉庫(Repository)

這個倉庫將作為你網站的“家”。

  1. 登錄 GitHub,點擊右上角頭像 -> Your repositories -> New 創建新倉庫。
    在這里插入圖片描述
    在這里插入圖片描述

  2. 倉庫命名格式必須為:你的用戶名.github.io

    • 例如你的用戶名是 leo,那么倉庫名就填 leo.github.io
      在這里插入圖片描述
  3. 可選擇勾選“Add a README file”,方便初始化倉庫。

  4. 點擊 “Create repository” 完成創建。
    在這里插入圖片描述


?? 創建主頁文件:index.html

  1. 進入你剛剛創建的倉庫。

  2. 點擊 “Add file” -> “Create new file”。
    在這里插入圖片描述

  3. 文件名必須是 index.html,因為瀏覽器默認訪問的是這個頁面。
    在這里插入圖片描述

  4. 在編輯框里輸入你的網站內容,例如:

    <html><head><title>我的個人主頁</title></head><body><h1>你好,歡迎來到我的GitHub主頁!</h1><p>這是我第一個靜態網站~</p></body>
    </html>
    
  5. 填寫提交說明,點擊 “Commit new file”。
    在這里插入圖片描述


🚀 部署網站到 GitHub Pages

接下來,我們就要把這個網站“發布”到互聯網上了!

  1. 打開倉庫主頁,點擊上方的 Settings
    在這里插入圖片描述
  2. 在左側菜單中找到 “Pages”
    在這里插入圖片描述
  3. “Build and Deployment” 部分:
    • Source:選擇 Deploy from a branch
    • Branch:選擇 mainmaster(視你創建倉庫時選擇的分支而定)
      在這里插入圖片描述
  4. 保存設置。

🌐 查看你的網站

幾分鐘后,你就可以通過瀏覽器訪問你的網站啦!

? 訪問規則說明:

  1. 如果你的用戶名和倉庫名一致(即你創建的是用戶主頁)
    • 倉庫名必須是:你的用戶名.github.io

    • 訪問地址是:

      https://你的用戶名.github.io
      
    • 例如,如果你的用戶名是 leo,訪問地址就是:

      https://leo.github.io
      

在這里插入圖片描述

  1. 如果你創建的是其他倉庫(項目站點)
    • 倉庫名不是 用戶名.github.io,而是其他名字,比如 blogresume 等;

    • 那么訪問地址是:

      https://你的用戶名.github.io/倉庫名
      
    • 例如你的用戶名是 leo,倉庫名是 blog,那么訪問地址是:

      https://leo.github.io/blog
      

📌 說明:用戶主頁(User Page)項目主頁(Project Page) 是 GitHub Pages 的兩種不同的部署模式。只有當倉庫名嚴格等于“你的用戶名.github.io”時,才會被識別為用戶主頁。


🔁 如果以后 GitHub 被墻了怎么辦?

不用擔心!你已經掌握了部署靜態網站的核心方法:

  • 你可以選擇將代碼遷移到國內的代碼托管平臺,比如 Gitee(碼云)。
  • 這些平臺同樣支持靜態頁面托管,只需稍作調整。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/81137.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/81137.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/81137.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

canvas動畫:點隨機運動 距離內自動連接成線 鼠標移動自動吸附附近的點

思路/實現步驟 創建canvas元素 獲取canvas的上下文ctx 初始化點的信息&#xff08;數量、初始坐標、移動方向、移動速度、大小、顏色&#xff09; 繪制點 繪制點之間的連線 點有規律的動起來 動畫循環 鼠標移動相關邏輯 點鼠標之間連線 鼠標吸附邏輯 添加配置項 重繪…

2025年4月AI科技領域周報(4.21-4.27):大模型生態加速演進 通用AI開啟產業融合新范式

2025年4月AI科技領域周報&#xff08;4.21-4.27&#xff09;&#xff1a;大模型生態加速演進 通用AI開啟產業融合新范式 一、本周熱點回顧1. OpenAI發布全球首款通用AI芯片「GPT-NPU」 重塑AI算力架構2. 谷歌DeepMind發布醫療AI系統「Med-Pathfinder」 實現全科室智能診斷3. 微…

【Bash】可以請您解釋性地說明一下“2>1”這個語法嗎?

Qwen3-235B 當然可以&#xff01;我們一步步拆解 2>&1 的含義&#xff0c;用生活化的例子來理解它&#xff1a; &#x1f9e0; 前提知識&#xff1a;三個“水流通道” 在 Linux/Unix 系統中&#xff0c;程序運行時有三種默認的“水流通道”&#xff1a; 標準輸入&…

MAC如何安裝多版本jdk(以8,11,17為例)

MAC如何安裝多版本jdk(以8,11,17為例&#xff09;_mac安裝jdk17-CSDN博客

Nginx核心

一、概述 Nginx一個具有高性能的【HTTP】和【反向代理】的【WEB服務器】&#xff0c;同時也是一個電子郵件代理服務器。正向代理服務的是客戶端&#xff08;比如VPN&#xff09;&#xff0c;反向代理服務的是服務端。Nginx是多進程的&#xff0c;有一個Master進程控制多個Worke…

綜合開發-手機APP遠程控制PLC1500柱燈的亮滅

要通過 ??Unity3D?? 開發的手機 App 控制 ??電氣柜上面的柱燈&#xff0c;需要WIFI模塊作為橋梁&#xff0c;按照以下步驟實現&#xff1a; ??1. 硬件準備&#xff08;硬件部分&#xff09;?? ??所需材料?? ??ESP32開發板??&#xff08;如ESP32-WROOM-32&a…

五款提效工具

1. 億可達 核心功能&#xff1a;通過“觸發器動作”模式&#xff0c;實現任務自動執行&#xff08;如郵件轉發、評論回復、數據同步&#xff09;。 適用場景&#xff1a;自動同步Notion項目到滴答清單生成待辦事項 優勢&#xff1a;節省重復操作時間&#xff0c;減少人為錯誤&a…

Docker化HBase排錯實錄:從Master hflush啟動失敗到Snappy算法未支持解決

前言 在容器化時代&#xff0c;使用 Docker 部署像 HBase 這樣復雜的分布式系統也比較方便。社區也提供了許多方便的 HBase Docker 鏡像&#xff0c;沒有找到官方的 apache的&#xff0c;但有包含許多大數據工具的 harisekhon/hbase 或用于學習目的的 bigdatauniversity/hbase…

windows遠程服務器數據庫的搭建和遠程訪問(Mysql忘記密碼通過Navicat連接記錄解密密碼)

服務器數據庫的搭建和遠程訪問 mysql數據庫安裝&#xff08;詳細&#xff09; window安裝mysql詳細流程 路程&#xff1a;重設MySQL5密碼&#xff0c;發現遠程服務器原本有一個MySQL5&#xff0c;嘗試在服務器本地建立連接被拒絕&#xff0c;因為不知道密碼。 &#xff08;1…

每日c/c++題 備戰藍橋杯(P1093 [NOIP 2007 普及組] 獎學金)

洛谷P1093 [NOIP 2007 普及組] 獎學金 詳解題解 題目背景與要求 題目鏈接&#xff1a;P1093 獎學金 核心任務&#xff1a;根據學生三科總分評選前5名獎學金獲得者&#xff0c;需按特定規則排序輸出。 排序規則&#xff08;按優先級從高到低&#xff09;&#xff1a; 總分降…

openEuler 22.03 安裝 Nginx,支持離線安裝

目錄 一、環境檢查1.1 必要環境檢查1.2 在線安裝&#xff08;有網絡&#xff09;1.3 離線安裝&#xff08;無網絡&#xff09; 二、下載Nginx2.1 在線下載2.2 離線下載 三、安裝Nginx四、開機自啟服務五、開放防火墻端口六、常用命令 一、環境檢查 1.1 必要環境檢查 # 查看 g…

基于深度學習的圖像壓縮技術(二)

接上篇&#xff1a;基于深度學習的圖像壓縮技術&#xff08;一&#xff09;-CSDN博客 3 基于生成對抗神經網絡的圖像壓縮技術 生成對抗網絡是一種先進的無監督學習算法&#xff0c;由Goodfellow等人在2014 年首次提出&#xff0c;其核心思想源于博弈論。 生成對抗網絡在圖像壓…

TCP和UDP的數據傳輸+區別

目錄 一、數據傳輸過程 1.1 TCP字節流服務圖 1.2 UDP數據報服務圖 二、tcp與udp的區別 1.連接方式 2.可靠性 3.傳輸效率 4.有序性 5.流量控制和擁塞控制 6.應用場景 7.首部長度 三、tcp與udp能不能使用同一個端口號&#xff1f; 四、同一個協議&#xf…

基于ssm的校園舊書交易交換平臺(源碼+文檔)

項目簡介 校園舊書交易交換平臺的主要使用者分為&#xff1a; 前臺功能&#xff1a;用戶進入系統可以對首頁、書籍信息、校園公告、個人中心、后臺管理等功能進行操作&#xff1b; 后臺主要是管理員&#xff0c;管理員功能包括主頁、個人中心、學生管理、發布人管理、書籍分類…

虛假安全補丁攻擊WooCommerce管理員以劫持網站

一場大規模釣魚攻擊正針對WooCommerce用戶&#xff0c;通過偽造安全警報誘使他們下載所謂的"關鍵補丁"&#xff0c;實則為植入WordPress后門的惡意程序。 惡意插件植入 根據Patchstack研究人員發現&#xff0c;上當受騙的用戶在下載更新時&#xff0c;實際上安裝的…

《冰雪傳奇點卡版》:第二大陸介紹!

一、第二大陸&#xff1a;高階資源與實力驗證的核心戰場 1. 準入條件與地圖分布 進入門檻&#xff1a; 基礎要求&#xff1a;角色需達到四轉&#xff08;需消耗50萬元寶完成轉生任務&#xff09;&#xff0c;部分地圖需額外滿足神魔點數&#xff08;如黑暗之森需神魔全2&#…

信創系統圖形界面開發指南:技術選擇與實踐詳解

信創系統圖形界面開發指南&#xff1a;技術選擇與實踐詳解 &#x1f9d1; 博主簡介&#xff1a;CSDN博客專家、CSDN平臺優質創作者&#xff0c;高級開發工程師&#xff0c;數學專業&#xff0c;10年以上C/C, C#, Java等多種編程語言開發經驗&#xff0c;擁有高級工程師證書&…

【人臉去遮擋前沿】三階段級聯引導學習如何突破真實場景遮擋難題?

一、現實痛點:當人臉被遮擋,AI “認臉” 有多難? 你是否遇到過這樣的場景? 中考體育測試:2025 年天津泰達街中考考場要求考生 “臉部無遮擋” 才能通過人臉識別入場,戴口罩、帽子的學生需現場調整發型。智能門鎖:奇景光電在 CES 2025 推出的 WiseEye 掌靜脈模塊,通過掌…

c++線程的創建

c 11 線程編程實戰 目錄 c 11 線程編程實戰1&#xff0c;線程的創建1.1 傳入無參函數1.2 傳入有參函數1.3 傳入類內部函數1.4 lambda表達式 1&#xff0c;線程的創建 1.1 傳入無參函數 //傳入函數&#xff0c;創建線程 void ThreadMain() {//獲取線程IDstd::thread::id thi…

人工智能數學基礎(六):數理統計

數理統計是人工智能中數據處理和分析的核心工具&#xff0c;它通過收集、分析數據來推斷總體特征和規律。本文將系統介紹數理統計的基本概念和方法&#xff0c;并結合 Python 實例&#xff0c;幫助讀者更好地理解和應用這些知識。資源綁定附上完整資源供讀者參考學習&#xff0…