iT邦幫忙

2024 iThome 鐵人賽

0
自我挑戰組

從零開始開一間火鍋店並架設官網系列 第 25

如何在Github上傳網站

  • 分享至 

  • xImage
  •  

在 GitHub 上傳網站主要有兩種方法:使用 Git 命令行工具和直接上傳文件。這裡是詳細步驟:

方法一:使用 Git 命令行工具

  1. 創建 GitHub 倉庫

登錄到 GitHub,並點擊右上角的 + 符號,選擇「New repository」。
填寫倉庫信息,包括倉庫名稱和描述。
選擇 Public(公開)或 Private(私有),然後點擊「Create repository」。
2. 克隆倉庫到本地

在您的計算機上,打開終端機(Terminal)或命令提示符,並運行以下命令:

bash
複製程式碼
git clone https://github.com/your-username/repository-name.git
(將 your-username 和 repository-name 替換為您的 GitHub 用戶名和倉庫名稱)

  1. 將網站文件添加到倉庫

進入剛剛克隆的倉庫:
bash
複製程式碼
cd repository-name
將您的網站文件(如 HTML、CSS 和 JS 文件)放入這個目錄中。
4. 添加文件到 Git

運行以下命令以添加所有更改的文件:

bash
複製程式碼
git add .
5. 提交更改

bash
複製程式碼
git commit -m "上傳網站文件"
6. 推送更改到 GitHub

bash
複製程式碼
git push origin main
(如果您的主分支名稱是 master,請使用 master 替換 main。)

方法二:直接上傳文件

  1. 創建 GitHub 倉庫

如上面方法一所述。

  1. 進入倉庫

在 GitHub 上,進入您創建的倉庫頁面。
點擊「Add file」按鈕,選擇「Upload files」。
3. 拖放或選擇文件

您可以直接將網站文件拖放到這個區域,或者點擊「choose your files」按鈕選擇文件。
確保上傳所有需要的網站文件(如 HTML、CSS 和 JS 文件)。
4. 提交更改

上傳完文件後,您可以在頁面底部填寫提交信息。
點擊「Commit changes」按鈕。
3. 部署網站
如果您想要將網站作為 GitHub Pages 部署:

在倉庫的「Settings」頁面,找到「Pages」選項。
在「Source」下拉菜單中選擇 main(或其他分支),並點擊「Save」。
GitHub 會提供一個 URL,您可以用來訪問您的網站。
4. 訪問您的網站
部署後,您的網站將可以通過 GitHub Pages 提供的 URL 訪問,例如:

arduino
複製程式碼
https://your-username.github.io/repository-name/
注意事項
確保您的網站的主頁文件是 index.html,因為這是 GitHub Pages 默認查找的文件。
如果使用自定義域名,您需要配置 DNS 設置。
如果您在過程中遇到任何問題或需要進一步的幫助,請隨時告訴我!


上一篇
Githubg使用教學
下一篇
創立Github帳戶
系列文
從零開始開一間火鍋店並架設官網30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言