1. 準備工作
(1) 確保你已經安裝:
-
Visual Studio (VS)(任何版本,社區版也行)
-
Git(去官網?git-scm.com?下載安裝)
(2) 注冊 Gitee/GitHub 賬號
-
國內推薦?Gitee(碼云):https://gitee.com
-
國外用?GitHub:https://github.com
2. 在 VS 里創建 HTML 文件
(1) 打開 VS,創建新項目
-
點擊?"Create a new project"(新建項目)
-
選擇?"Empty Project"(空項目)?或?"HTML File"(HTML 文件)
-
設置項目名稱(如?
mywebsite
),選擇保存位置(比如?桌面
) -
點擊?"Create"(創建)
(2) 添加 HTML 文件
-
在?Solution Explorer(解決方案資源管理器)?里右鍵項目 →?Add → New Item(添加新項)
-
選擇?"HTML File",命名為?
index.html
(默認首頁名) -
寫入一些代碼(比如):
<!DOCTYPE html>
<html>
<head><title>我的網站</title>
</head>
<body><h1>Hello World!</h1>
</body>
</html>
-
Ctrl + S?保存文件。
3. 初始化 Git 倉庫
(1) 打開 VS 終端
-
在 VS 里按?
Ctrl + ~
(波浪鍵,在 Esc 下面)打開終端。

-
確保終端路徑是你的項目文件夾(比如?
~/Desktop/mywebsite
)。
(2) 初始化 Git
輸入:
git init
預期反應:
Initialized empty Git repository in C:/Users/你的用戶名/Desktop/mywebsite/.git/
(表示 Git 倉庫初始化成功)
4. 配置 Git(第一次用才需要)
(1) 設置用戶名和郵箱
在終端輸入:
git config --global user.name "你的Gitee/GitHub用戶名"
git config --global user.email "你的注冊郵箱"
(比如):
git config --global user.name "Fang-you"
git config --global user.email "fangyou@qq.com"
檢查是否設置成功:
git config --global --list
預期輸出:
user.name=Fang-you
user.email=fangyou_0842@qq.com
...
5. 把文件添加到 Git
(1) 檢查當前文件狀態
git status
預期輸出:
Untracked files:(use "git add <file>..." to include in what will be committed)index.html
(表示?index.html
?還沒被 Git 跟蹤)
(2) 添加文件到 Git
git add index.html
(或者添加所有文件):
git add .
再檢查狀態:
git status
?預期輸出:
Changes to be committed:(use "git restore --staged <file>..." to unstage)new file: index.html
(表示?index.html
?已經準備好提交)
6. 提交更改
git commit -m "第一次提交:添加了首頁HTML"
預期輸出:
[master (root-commit) 1234567] 第一次提交:添加了首頁HTML1 file changed, 11 insertions(+)create mode 100644 index.html
(表示提交成功)
7. 在 Gitee/GitHub 創建遠程倉庫
(1) 去 Gitee/GitHub 創建新倉庫
-
登錄你的賬號 →?新建倉庫(New Repository)
-
倉庫名填?
mywebsite
(和本地項目名一致) -
不要勾選 "Initialize with README.md"(不要初始化README)(重要!否則會沖突)
-
其他默認 → 點擊?"Create"(創建)
(2) 復制倉庫地址
-
在倉庫頁面找到?HTTPS/SSH 地址
(比如)
https://gitee.com/你的用戶名/mywebsite.git
8. 連接本地倉庫和遠程倉庫
(1) 添加遠程倉庫
在終端輸入:
git remote add origin https://gitee.com/你的用戶名/mywebsite.git
?(origin
?是遠程倉庫的別名,可以改成別的,但一般用這個)
(2) 檢查是否連接成功
git remote -v
預期輸出:
origin https://gitee.com/你的用戶名/mywebsite.git (fetch)
origin https://gitee.com/你的用戶名/mywebsite.git (push)
(表示遠程倉庫已正確添加)
9. 推送到遠程倉庫
git push -u origin master
?預期成功輸出:
Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Writing objects: 100% (3/3), 300 bytes | 300.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
To https://gitee.com/你的用戶名/mywebsite.git* [new branch] master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.
(表示推送成功)
如果失敗
出現
$ git push -u origin main
error: src refspec main does not match any
error: failed to push some refs to 'https://gitee.com/fangyou666/test2.git'
則可能是
-
分支名稱錯誤:你嘗試推送?
main
?分支,但本地只有?master
?分支(Gitee 默認用?master
) -
遠程倉庫有沖突:遠程倉庫?
test2.git
?已經存在文件(比如創建時自動生成的 README),但你的本地倉庫沒有這些文件
完整解決方案
第一步:確保使用正確的分支名(master)
git branch
確認顯示的是?* master
(而不是 main)。Gitee 默認用?master
,所以后續操作都用?master
。
第二步:強制同步遠程倉庫(推薦方案)
如果你確定遠程倉庫的文件不重要(或者這是個新倉庫),可以用強制推送:
git push -u origin master --force
?? 注意:這會?完全覆蓋遠程倉庫,適合個人項目或確定遠程內容可丟棄的情況。
第三步:如果不想強制推送(保留遠程文件)
-
先拉取遠程內容并合并:
git pull origin master --allow-unrelated-histories
-
--allow-unrelated-histories
?允許合并兩個獨立的倉庫歷史
-
解決可能出現的沖突:
-
如果提示沖突(CONFLICT),用 VS 打開沖突文件(如 README.md)
-
刪除沖突標記(
<<<<<<<
,?=======
,?>>>>>>>
),保留你需要的內容 -
保存文件
-
-
提交合并結果:
git add .
git commit -m "合并遠程倉庫初始文件"
重新推送:
git push -u origin master
10. 檢查 Gitee/GitHub
-
刷新你的倉庫頁面,應該能看到?
index.html
?已經上傳成功!
總結流程
-
VS 創建 HTML 文件?→ 保存。
-
終端?
git init
?→ 初始化倉庫。 -
git add .
?→ 添加文件。 -
git commit -m "消息"
?→ 提交更改。 -
Gitee/GitHub 創建空倉庫(不初始化 README)。
-
git remote add origin 倉庫地址
?→ 連接遠程。 -
git push -u origin master
?→ 推送代碼。
這樣應該能100%成功!如果還有問題,告訴我具體哪一步報錯,我再幫你解決。 🚀
文章指導:沒事多睡覺666