# GitHub Pages 部署網站流程

###### tags: `gulp` `github`

## 初次將 Gulp 原始碼部署到 GitHub

* 至 [GitHub Pages](https://github.com/) 登入個人頁面
點擊右上角 **+** 選擇下拉選單 **New repository**

* Create a new repository
新增一個 **Repository name(網站名稱)**、設定 **Public(公開)**
點擊按鈕 **Create repository** 即完成創建

* 將產生的網址複製起來
https://github.com/...git

    指令：
    git init
    git add .
    git commit -m "first commit"
    git remote add origin [放入自己的網址]
    git push -u origin master

* 打開終端機
先以 Ctrl+C 終止執行中的程序
依序輸入以上指令
完成後，重新整理畫面，如果看到資料更新上去了，代表已將開發環境部署成功。

## 部署網頁到 Github Pages

* 更新網站

    指令：
    gulp build //進入生產模式
    gulp deploy //推送網頁上傳 Github

>更新完成後，下拉選單出現 gh-pages

## 分支說明
* main （開發環境）
* gh-pages （dist 資料夾裡面的東西）

## 觀看部署網頁
* 點擊 **Settings**
* 找到下方的區塊，點擊
GitHub Pages
[Pages settings now has its own dedicated tab! **Check it out here!**］
* 點擊打勾的網址 Your site is published at **"https://..."**

## Source
* 選擇放的位置 gh-pages/master（GitHub Pages 自動指定在 gh-pages）
* 選擇完成按下 "save" 儲存

---

## 更新網頁到 GitHub上，並提交開發環境(master、main)★★★
關閉電腦後，該如何更新與上傳？
#### 更新網站後只需要輸入以下指令。

git add .
git commit -m 'update'
git push -u origin master

#### 提交到部署環境(gh-pages)

gulp build
gulp deploy