目錄

🚀 一、部署到 GitHub

? 前置準備

🧱 部署步驟：

1. 創建一個 GitHub 倉庫

2. 上傳項目文件

方法一：使用 Git 命令行

方法二：直接上傳

🌐 二、通過 GitHub Pages 免費上線 DApp（前端）

? 設置步驟：

🧪 補充建議

---

🚀 一、部署到 GitHub

? 前置準備

• 注冊 GitHub 賬號（如果你還沒有）

• 安裝 Git 工具（或使用 GitHub Desktop）

🧱 部署步驟：

1. 創建一個 GitHub 倉庫

• 訪問 GitHub.com

• 點擊右上角 + → New repository

• 倉庫命名建議：message-board-dapp

• 設置為 Public（公開），勾選 Add a README 可選

2. 上傳項目文件

你可以通過以下兩種方式上傳：

方法一：使用 Git 命令行

# 解壓 ZIP 包
unzip MessageBoard_DApp.zip
cd MessageBoard_DApp# 初始化 Git 項目
git init
git remote add origin https://github.com/你的用戶名/message-board-dapp.git
git add .
git commit -m "init: first commit"
git push -u origin master

方法二：直接上傳

• 打開倉庫頁面

• 點擊 “Add file” → “Upload files”

• 拖拽所有文件上傳 → Commit changes

---

🌐 二、通過 GitHub Pages 免費上線 DApp（前端）

? 設置步驟：

1. 打開你倉庫的頁面

2. 點擊 Settings → 選擇左側欄 Pages

3. 找到 “Source” 一欄，選擇：

   Branch: master（或 main）
   /root（表示根目錄）
   

4. 點擊保存，頁面會生成一個可公開訪問的鏈接，形如：

https://你的用戶名.github.io/message-board-dapp/

1. 打開這個鏈接，就可以訪問你的留言上鏈 DApp！

---

🧪 補充建議

• 別忘了在 script.js 中把合約地址改成 Remix 部署后的地址；

• 頁面加載需要用戶授權 Metamask；

• GitHub Pages 僅適合靜態前端（它不托管 Solidity 合約）；