前言

接下來我們會介紹如何將專案推送到 GitHub、以及如何從其他專案拉取進度。 這些技巧在需要拷貝功能、或多人協作進行版本控管時，都非常實用。

將專案推上 GitHub

1. 首先，我們先前往 Github官網，建立一個新的儲存庫。如果還沒有帳號，請先做註冊。GitHub 是目前最主流且廣泛使用的程式碼託管平台，許多開源專案與團隊協作都會使用它。
   註冊完成後請點擊「New repository」
   

2. 填寫專案名稱（Repository name），視情況決定是否要補充描述（Description）。接著選擇儲存庫類型：
   Public：任何人都能透過連結瀏覽專案內容。
   Private：適合公司專案或其他非公開用途。

如果希望專案在初始化時就包含說明文件，請勾選「Add a README file」。
最後，完成所有設定後點擊「Create repository」，儲存庫就會成功建立。

3. 接著我們回到本地端，打開 Git 版本控制系統，切換路徑到專案的根目錄。

cd <專案路徑>

4. 初始化 Git 版本控制環境

git init

成功執行後，會在目前的資料夾中看到一個 .git 隱藏資料夾。若在本機看不到，記得將檢視的「隱藏的項目」選項開啟。

5. 在專案中新增遠端儲存庫來源。
   git@github.com:<github帳戶名稱>/<專案名稱>.git：可以到 Github 儲存庫內頁 → Code箭頭下拉 → 「SSH」頁籤 → 複製內容。
   

git remote add origin git@github.com:<github帳戶名稱>/<專案名稱>.git

6. 將目前專案中的檔案加入版本控制、建立一筆 Commit，最後將 master 分支推送到 GitHub。

git add .
git commit -m "<輸入commit訊息內容>"
git push origin master

7. 完成後，可以開啟剛才新增的 GitHub 專案網址檢查，如果有看到檔案成功上傳，就代表推送成功囉 🎉。

拉取其他 GitHub 專案的進度

這邊要介紹一個在實務上會遇到的 Git 操作情境，從「A 專案的儲存庫拉取指定的 commit 到 B 專案中使用」。例如 先前在 A 專案已經開發好「價格追蹤通知」的電商推播功能，而 B 專案也剛好需要這個功能，就可以透過跨儲存庫拉取的方式，把 A 專案的「價格追蹤通知」 commit 進度拉取到 B 專案，省下重複開發的時間。

操作流程如下：

1. 在 B 專案中，建立 A 專案的遠端儲存庫來源。

git remote add <取一個Remote名稱> git@github.com:<github帳戶名稱>/<A專案名稱>.git

目前本地 Git 專案有新增哪些遠端儲存庫可以到「Git Graph」⇾「Repository Settings」⇾ 「遠端配置（Remote Configuration）」做查看。

2. 從 A 專案拉取（fetch）需要的分支進度。這樣會把 A 專案指定分支的最新 commit 抓到本地，但不會直接合併進來。

git fetch <Remote名稱> <分支名稱>

3. 切換到 B 專案目前的分支，挑選「價格追蹤通知」功能的 commit 新增到目前分支。

git checkout <B儲存庫分支名稱>
git cherry-pick <commit編號>

4. 如果進度提取完，暫時不需要再使用 A 專案，可移除 A 儲存庫的遠端來源，這樣 Git Graph 就只會保留原專案的進度紀錄，畫面看起來也會更簡潔。

git remote remove <Remote名稱>

5. 這樣就成功將 A 專案的功能拉進 B 專案，不用從頭開始重寫「價格追蹤通知」的功能。

這邊額外再延伸一個操作，假設要拉取的 A 專案是別人的 repo（儲存庫），要請對方先到 「Settings」。

找到「Collaborators」點擊右方「Add people」按鈕，輸入 Github 名稱邀請我們進入專案，才能執行建立 A 專案的遠端儲存庫哦。

結語

我們已經嘗試了建立 Github 專案、設定遠端儲存庫，推送專案進度到 GitHub，這些都是在實務專案上很實用的版控技能。
接下來的文章會分享如何將 GitHub 上的專案做部署，完成整個網站從開發到上線的流程 🚀，敬請期待！

參考資料與延伸閱讀

⑴ GitHub 官網來源