---
# System prepended metadata

title: Vite 上傳 GitHub Pages 流程
tags: [GitHub, Vite]

---

# Vite 上傳 GitHub Pages 流程

### 注意事項
圖片路徑位置
\
頁面連結只需寫 href="index.html"


### 上傳步驟
>1. GitHub 創建一個 New Repository
>2. 修改"vite.config.js"裡的"base: Repository名稱"
![image](https://hackmd.io/_uploads/SkzChnN2A.png)
>3. `git init`
>4. `git add .`
>5. `git commit -m "first commit"`
>6. `git branch -M main`
>7. `git remote add origin https://github.com/jacksnipe0410/Repository名稱.git`
![image](https://hackmd.io/_uploads/S1do624hR.png)
>8. `git remote`(測試有無連結成功)
>9. `git push -u origin main`
>10. `npm run deploy` 進行自動化部署網頁

### 更新上傳
>1. `git add .`
>2. `git commit -m "first commit"`
>3. `git push`


### 更改資料庫位置
`git remote -v`     檢查目前的遠端設定
:::info
會列出當前的所有遠端倉庫。通常你會看到類似以下輸出：

```
origin  https://github.com/yourusername/your-repo.git (fetch)
origin  https://github.com/yourusername/your-repo.git (push)
```
:::

##### 更新或替換遠端 URL
```
git remote set-url origin https://github.com/yourusername/new-repo.git
```

##### 刪除並重新添加遠端

```
git remote remove origin
git remote add origin https://github.com/yourusername/your-repo.git
```

:::warning
添加另一個遠端

`git remote add upstream https://github.com/yourusername/your-new-repo.git`

命令同時推送到不同的遠端倉庫

`git push upstream main`

:::



## 常見錯誤訊息
#### 「error：emote origin already exists」   資料已存在


#### 「remote: Repository not found.」找不到資料庫

資料來源:https://www.dotblogs.com.tw/CYLcode/2020/06/15/103014


如果確認git位置沒有問題(步驟8有回應:origin)，但執行pull/push還是失敗並出現此錯誤訊息

>表示你當前remote的repository權限，跟你要pull/push的git位置權限不一致
>(GitHub帳密連結斷開)

解決方法:
重新設定Credential
```
git credential-manager uninstall
git credential-manager install
```
之後再重新 pull/ push即可


