# GitHub 簡介 嗨，未來的開發者！👋 準備好加入全球數百萬的程式設計師行列了嗎？我真的很興奮要向你介紹 GitHub——把它想像成程式設計師的社交媒體平台，不過我們分享的不是午餐照片，而是程式碼，並一起創造令人驚嘆的事物！ 有件事真的讓我感到驚奇：你手機上的每個應用程式、你瀏覽的每個網站，以及你將學習使用的大多數工具，都是由開發者團隊在像 GitHub 這樣的平台上合作完成的。你喜歡的音樂應用程式？可能有人像你一樣為它做出了貢獻。你愛不釋手的遊戲？沒錯，可能也是透過 GitHub 的合作完成的。而現在，你即將學習如何成為這個令人驚嘆的社群的一部分！ 我知道一開始可能會覺得有點多——天啊，我還記得第一次看到 GitHub 頁面時的感覺，心想「這到底是什麼意思？」但重點是：每一位開發者都從你現在的起點開始。到這堂課結束時，你將擁有自己的 GitHub 儲存庫（可以把它想像成你在雲端的個人專案展示），並且你會知道如何保存你的工作、與他人分享，甚至為數百萬人使用的專案做出貢獻。 我們會一起踏上這段旅程，一步一步來。不要著急，不要有壓力——只有你、我，以及一些即將成為你新好朋友的超酷工具！  > 插畫由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 ## 課前測驗 [課前測驗](https://ff-quizzes.netlify.app) ## 簡介 在我們深入了解真正令人興奮的內容之前，先讓你的電腦準備好迎接 GitHub 的魔力吧！把這想像成在創作傑作之前整理你的藝術用品——擁有合適的工具會讓一切更加順暢，也更有趣。 我會親自帶你完成每個設定步驟，我保證它看起來並沒有那麼可怕。如果有些地方一開始不太明白，那是完全正常的！我還記得第一次設置我的開發環境時，感覺就像在閱讀古代象形文字。每一位開發者都曾經站在你現在的位置，懷疑自己是否做對了。劇透一下：如果你在這裡學習，你已經做對了！🌟 在這堂課中，我們將涵蓋： - 追蹤你在電腦上完成的工作 - 與他人合作專案 - 如何為開源軟體做出貢獻 ### 先決條件 讓我們準備好你的電腦迎接 GitHub 的魔力吧！別擔心——這個設定只需要做一次，之後你就可以開始你的整個程式設計旅程了。 好吧，讓我們從基礎開始！首先，我們需要檢查 Git 是否已經在你的電腦上。Git 基本上就像一個超級聰明的助手，能記住你對程式碼所做的每一個改動——比每兩秒瘋狂按 Ctrl+S 好得多（我們都曾經這樣做過！）。 讓我們通過在終端機輸入這個神奇的指令來看看 Git 是否已經安裝： `git --version` 如果 Git 還沒有安裝，別擔心！只需前往 [下載 Git](https://git-scm.com/downloads) 並下載它。安裝完成後，我們需要正式介紹 Git 給你認識： > 💡 **首次設定**：這些指令告訴 Git 你是誰。這些資訊會附加到你所做的每次提交中，因此請選擇一個你願意公開的名字和電子郵件。 ```bash git config --global user.name "your-name" git config --global user.email "your-email" ``` 要檢查 Git 是否已經配置好，你可以輸入： ```bash git config --list ``` 你還需要一個 GitHub 帳號、一個程式碼編輯器（例如 Visual Studio Code），並且需要打開你的終端機（或命令提示符）。 前往 [github.com](https://github.com/) 註冊帳號，如果你還沒有的話，或者登錄並填寫你的個人資料。 💡 **現代化提示**：考慮設置 [SSH 密鑰](https://docs.github.com/en/authentication/connecting-to-github-with-ssh) 或使用 [GitHub CLI](https://cli.github.com/) 來進行更方便的無密碼身份驗證。 ✅ GitHub 不是世界上唯一的程式碼儲存庫；還有其他的，但 GitHub 是最知名的。 ### 準備工作 你需要在本地電腦（筆記本或 PC）上準備一個包含程式碼的資料夾，以及 GitHub 上的一個公共儲存庫，這將作為如何為他人專案做出貢獻的示例。 ### 保護你的程式碼安全 讓我們來談談安全性——但別擔心，我們不會用可怕的事情讓你感到壓力！把這些安全措施想像成鎖住你的車或房子。它們是簡單的習慣，會成為你的第二天性，並保護你的辛勤成果。 我們會從一開始就向你展示使用 GitHub 的現代化安全方式。這樣，你就能養成良好的習慣，這些習慣會在你的程式設計生涯中為你提供良好的服務。 在使用 GitHub 時，遵循安全最佳實踐非常重要： | 安全領域 | 最佳實踐 | 為什麼重要 | |----------|----------|------------| | **身份驗證** | 使用 SSH 密鑰或個人訪問令牌 | 密碼的安全性較低，正在逐步淘汰 | | **雙重身份驗證** | 啟用 GitHub 帳號的 2FA | 增加帳號的額外保護層 | | **儲存庫安全性** | 切勿提交敏感資訊 | API 密鑰和密碼不應該出現在公共儲存庫中 | | **依賴管理** | 啟用 Dependabot 進行更新 | 確保你的依賴項安全且最新 | > ⚠️ **重要安全提醒**：切勿將 API 密鑰、密碼或其他敏感資訊提交到任何儲存庫。使用環境變數和 `.gitignore` 文件來保護敏感數據。 **現代化身份驗證設置：** ```bash # Generate SSH key (modern ed25519 algorithm) ssh-keygen -t ed25519 -C "your_email@example.com" # Set up Git to use SSH git remote set-url origin git@github.com:username/repository.git ``` > 💡 **專業提示**：SSH 密鑰可以免去反覆輸入密碼的麻煩，比傳統的身份驗證方式更安全。 --- ## 像專業人士一樣管理你的程式碼 好了，現在是最令人興奮的部分！🎉 我們即將學習如何像專業人士一樣追蹤和管理你的程式碼，老實說，這是我最喜歡教的部分，因為它真的能改變你的遊戲規則。 想像一下：你正在寫一個驚人的故事，你想記錄下每一個草稿、每一個精彩的修改，以及每一個「哇，這真是太棒了！」的時刻。這正是 Git 為你的程式碼所做的事情！它就像擁有一個最不可思議的時光旅行筆記本，記住所有事情——每次按鍵、每次改動、每次「哎呀，這壞掉了」的時刻，你都可以立即撤銷。 我得坦白——一開始可能會覺得很複雜。當我剛開始時，我心想「為什麼我不能像平常一樣保存我的文件？」但相信我：一旦你理解了 Git（你一定會的！），你會有一個靈光乍現的時刻，心想「我以前怎麼能沒有這個工具就寫程式呢？」這就像發現自己能飛，而之前卻一直在地上走！ 假設你在本地有一個包含程式碼的資料夾，並且你想開始使用版本控制系統 Git 來追蹤你的進度。有人把使用 Git 比作給未來的自己寫情書。幾天、幾週或幾個月後，當你閱讀自己的提交訊息時，你會回想起為什麼做出某個決定，或者「回滾」某個改動——前提是你寫了好的「提交訊息」。 ### 任務：創建你的第一個儲存庫！ > 🎯 **你的任務（我真的為你感到興奮！）**：我們將一起創建你的第一個 GitHub 儲存庫！完成後，你將擁有自己在互聯網上的小角落，存放你的程式碼，並完成你的第一次「提交」（這是開發者用來描述以非常聰明的方式保存工作的術語）。 > > 這真的是一個非常特別的時刻——你即將正式加入全球開發者社群！我仍然記得創建我的第一個儲存庫時的激動，心想「哇，我真的做到了！」 讓我們一起一步步完成這次冒險。每個部分都慢慢來——不要急，沒有必要趕時間，我保證每一步都會讓你明白。記住，每一位你崇拜的程式設計明星都曾經坐在你現在的位置，準備創建他們的第一個儲存庫。這是不是很酷？ > 查看影片 > > [](https://www.youtube.com/watch?v=9R31OUPpxU4) **讓我們一起來完成：** 1. **在 GitHub 上創建你的儲存庫**。前往 GitHub.com，找到那個亮綠色的 **New** 按鈕（或者右上角的 **+** 符號）。點擊它並選擇 **New repository**。 以下是操作步驟： 1. 為你的儲存庫命名——取一個對你有意義的名字！ 1. 如果你願意，可以添加描述（這有助於其他人了解你的專案是什麼） 1. 決定是否要設置為公開（每個人都可以看到）或私人（只有你能看到） 1. 我建議勾選添加 README 文件的選項——它就像你的專案的首頁 1. 點擊 **Create repository** 並慶祝——你剛剛創建了你的第一個儲存庫！🎉 2. **導航到你的專案資料夾**。現在讓我們打開你的終端機（別擔心，它看起來並沒有那麼可怕！）。我們需要告訴你的電腦你的專案文件在哪裡。輸入以下指令： ```bash cd [name of your folder] ``` **我們在這裡做了什麼：** - 我們基本上是在告訴電腦「嘿，帶我到我的專案資料夾」 - 這就像在桌面上打開一個特定的資料夾，但我們是用文字指令來完成的 - 將 `[name of your folder]` 替換為你的專案資料夾的實際名稱 3. **將你的資料夾變成 Git 儲存庫**。這是魔法發生的地方！輸入： ```bash git init ``` **剛剛發生了什麼（很酷的事情！）：** - Git 剛剛在你的專案中創建了一個隱藏的 `.git` 資料夾——你不會看到它，但它確實存在！ - 你的普通資料夾現在是一個「儲存庫」，可以追蹤你所做的每一個改動 - 把它想像成給你的資料夾賦予了記住一切的超能力 4. **檢查目前的狀況**。讓我們看看 Git 現在對你的專案有什麼看法： ```bash git status ``` **理解 Git 告訴你的內容：** 你可能會看到類似以下的內容： ```output Changes not staged for commit: (use "git add ..." to update what will be committed) (use "git restore ..." to discard changes in working directory) modified: file.txt modified: file2.txt ``` **別慌！這意味著：** - **紅色**的文件是有改動但尚未準備好保存的文件 - **綠色**的文件（當你看到它們時）是已準備好保存的文件 - Git 很貼心地告訴你接下來可以做什麼 > 💡 **專業提示**：`git status` 指令是你的好朋友！每當你對目前的狀況感到困惑時，使用它。這就像在問 Git「嘿，現在的情況如何？」 5. **準備好保存你的文件**（這叫做「暫存」）： ```bash git add . ``` **我們剛剛做了什麼：** - 我們告訴 Git「嘿，我想在下一次保存中包含我所有的文件」 - `.` 就像是在說「這個資料夾中的所有內容」 - 現在你的文件已經「暫存」並準備好進入下一步 **想更有選擇性嗎？** 你可以只添加特定的文件： ```bash git add [file or folder name] ``` **為什麼你可能想這樣做？** - 有時候你想把相關的改動一起保存 - 它幫助你將工作組織成邏輯的部分 - 讓你更容易理解什麼時候改動了什麼 **改變主意了？** 別擔心！你可以像這樣取消暫存文件： ```bash # Unstage everything git reset # Unstage just one file git reset [file name] ``` 別擔心——這不會刪除你的工作，只是把文件從「準備保存」的堆中移出。 6. **永久保存你的工作**（進行第一次提交！）： ```bash git commit -m "first commit" ``` **🎉 恭喜！你剛剛完成了你的第一次提交！** **剛剛發生了什麼：** - Git 在這個確切的時刻對你所有的暫存文件進行了「快照」 - 你的提交訊息「first commit」解釋了這個保存點的內容 - Git 為這個快照分配了一個唯一的 ID，讓你以後可以隨時找到它 - 你已經正式開始追蹤你的專案歷史了！ > 💡 **未來的提交訊息**：對於你的下一次提交，請更具描述性！不要只寫「更新了東西」，試著寫「新增了首頁的聯絡表單」或「修復了導航菜單的錯誤」。你的未來的自己會感謝你的！ 7. **將你的本地專案連接到 GitHub**。現在，你的專案只存在於你的電腦上。讓我們將它連接到你的 GitHub 儲存庫，這樣你就可以與世界分享它了！ 首先，前往你的 GitHub 儲存庫頁面並複製 URL。然後回到這裡並輸入： ```bash git remote add origin https://github.com/username/repository_name.git ``` （用你的實際儲存庫 URL 替換它！） **我們剛剛做了什麼：** - 我們已經建立了本地專案與 GitHub 儲存庫之間的連接 - "Origin" 只是你的 GitHub 儲存庫的暱稱——就像在手機中添加聯絡人一樣 - 現在你的本地 Git 知道當你準備分享程式碼時，該將它發送到哪裡 💡 **更簡單的方法**：如果你已安裝 GitHub CLI，你可以用一條指令完成： ```bash gh repo create my-repo --public --push --source=. ``` 8. **將你的程式碼上傳到 GitHub**（重要時刻！）： ```bash git push -u origin main ``` **🚀 就是這樣！你正在將程式碼上傳到 GitHub！** **發生了什麼：** - 你的提交從電腦傳送到 GitHub - `-u` 標誌設置了一個永久連接，讓未來的推送更簡單 - "main" 是你的主要分支的名稱（就像主要的資料夾） - 完成這一步後，未來只需輸入 `git push` 就能上傳！ 💡 **快速提示**：如果你的分支名稱是其他名稱（例如 "master"），請使用該名稱。你可以使用 `git branch --show-current` 來檢查。 9. **你的新日常編碼節奏**（這是讓人上癮的地方！）： 從現在開始，每當你對專案進行更改時，你只需要遵循這個簡單的三步驟： ```bash git add . git commit -m "describe what you changed" git push ``` **這將成為你的編碼節奏：** - 對你的程式碼進行一些精彩的更改 ✨ - 使用 `git add` 暫存它們（"嘿 Git，注意這些更改！"） - 使用 `git commit` 和描述性訊息保存它們（未來的你會感謝自己！） - 使用 `git push` 與世界分享 🚀 - 重複以上步驟——真的，這會變得像呼吸一樣自然！ 我喜歡這個工作流程，因為它就像在玩電子遊戲時有多個存檔點。做了一個你喜歡的更改？提交它！想嘗試一些冒險的事情？沒問題——如果事情不順利，你隨時可以回到上一次提交！ > 💡 **提示**：你可能也想採用 `.gitignore` 文件，防止不想追蹤的文件出現在 GitHub 上——例如存放在同一資料夾中的筆記文件，但不適合放在公共儲存庫中。你可以在[.gitignore templates](https://github.com/github/gitignore)找到 `.gitignore` 文件的模板，或者使用 [gitignore.io](https://www.toptal.com/developers/gitignore) 創建一個。 #### 現代 Git 工作流程 考慮採用以下現代化的做法： - **標準化提交訊息**：使用標準化的提交訊息格式，例如 `feat:`、`fix:`、`docs:` 等。了解更多請訪問 [conventionalcommits.org](https://www.conventionalcommits.org/) - **原子提交**：每次提交代表一個邏輯上的更改 - **頻繁提交**：經常提交，並使用描述性訊息，而不是大而不頻繁的提交 #### 提交訊息 一個好的 Git 提交主題行應該能完成以下句子： 如果應用，這次提交將 <在此填入你的主題行> 主題行使用命令式現在時態："change" 而不是 "changed" 或 "changes"。 在主題行中，正文（可選）也應使用命令式現在時態。正文應包括更改的動機，並與之前的行為形成對比。你是在解釋 `為什麼`，而不是 `如何`。 ✅ 花幾分鐘瀏覽 GitHub。你能找到一個非常棒的提交訊息嗎？你能找到一個非常簡單的嗎？你認為在提交訊息中傳達哪些資訊最重要和有用？ ## 與他人合作（最有趣的部分！） 準備好迎接驚喜吧，因為這就是 GitHub 變得如此神奇的地方！🪄 你已經掌握了管理自己程式碼的技能，現在我們要深入我最喜歡的部分——與來自世界各地的驚人人才合作。 想像一下：明天早上醒來時，發現東京的一位開發者在你睡覺時改進了你的程式碼。然後柏林的一位開發者修復了你一直卡住的錯誤。到了下午，聖保羅的一位開發者添加了一個你從未想到的功能。這不是科幻小說——這只是 GitHub 世界裡的普通一天！ 讓我真正興奮的是，你即將學到的合作技能？這些正是 Google、Microsoft 和你最喜歡的初創公司每天都在使用的工作流程。你不僅僅是在學習一個酷炫的工具——你是在學習讓整個軟體世界共同合作的秘密語言。 真的，當你第一次體驗到有人合併你的拉取請求時的那種興奮，你就會明白為什麼開發者對開源如此充滿熱情。這就像成為世界上最大、最具創意的團隊專案的一部分！ > 查看影片 > > [](https://www.youtube.com/watch?v=bFCM-PC3cu8) 將內容放到 GitHub 上的主要原因是讓與其他開發者合作成為可能。 在你的儲存庫中，導航到 `Insights > Community`，看看你的專案如何與推薦的社群標準相比。 想讓你的儲存庫看起來更專業和更具吸引力嗎？前往你的儲存庫，點擊 `Insights > Community`。這個酷炫的功能會顯示你的專案如何與 GitHub 社群認為的 "良好儲存庫實踐" 相比。 > 🎯 **讓你的專案更出色**：一個組織良好的儲存庫，配有良好的文檔，就像擁有一個乾淨、吸引人的店面。它表明你對自己的工作很在意，並讓其他人願意貢獻！ **以下是讓儲存庫變得出色的要素：** | 添加內容 | 為什麼重要 | 對你的幫助 | |----------|------------|------------| | **描述** | 第一印象很重要！ | 人們能立即知道你的專案是做什麼的 | | **README** | 你的專案首頁 | 就像新訪客的友好導遊 | | **貢獻指南** | 表明你歡迎幫助 | 人們能清楚知道如何幫助你 | | **行為準則** | 創造友好的空間 | 每個人都感到歡迎參與 | | **授權條款** | 法律清晰 | 其他人知道如何使用你的程式碼 | | **安全政策** | 表明你負責任 | 展示專業的做法 | > 💡 **專業提示**：GitHub 提供這些文件的模板。創建新儲存庫時，勾選框以自動生成這些文件。 **現代 GitHub 功能探索：** 🤖 **自動化 & CI/CD:** - **GitHub Actions** 用於自動化測試和部署 - **Dependabot** 用於自動更新依賴項 💬 **社群 & 專案管理：** - **GitHub Discussions** 用於超越問題的社群對話 - **GitHub Projects** 用於看板式專案管理 - **分支保護規則** 用於強制執行程式碼質量標準 所有這些資源將有助於新團隊成員的入職。而這些通常是新貢獻者在查看你的程式碼之前會先查看的內容，以判斷你的專案是否值得他們花時間參與。 ✅ README 文件雖然需要花時間準備，但經常被忙碌的維護者忽視。你能找到一個特別描述性強的例子嗎？注意：有一些[工具可以幫助創建良好的 README](https://www.makeareadme.com/)，你可能會想試試。 ### 任務：合併一些程式碼 貢獻文檔幫助人們為專案做出貢獻。它解釋了你希望的貢獻類型以及流程如何運作。貢獻者需要完成一系列步驟才能在 GitHub 上為你的儲存庫做出貢獻： 1. **Fork 你的儲存庫** 你可能希望人們 _fork_ 你的專案。Fork 意味著在他們的 GitHub 個人檔案中創建你的儲存庫的副本。 1. **Clone**。接著他們會將專案克隆到本地電腦。 1. **創建分支**。你可能希望他們為自己的工作創建一個 _分支_。 1. **專注於一個區域的更改**。要求貢獻者一次專注於一件事的貢獻——這樣你能合併他們工作的可能性更高。想像他們修復了一個錯誤，添加了一個新功能，並更新了幾個測試——如果你只想實施其中的 2 個或 1 個更改怎麼辦？ ✅ 想像一個分支在撰寫和交付良好程式碼中特別重要的情境。你能想到哪些使用案例？ > 注意，成為你希望看到的改變，為自己的工作也創建分支。你所做的任何提交都將在你當前 "檢出" 的分支上進行。使用 `git status` 查看當前分支。 讓我們來看看貢獻者的工作流程。假設貢獻者已經 _fork_ 並 _clone_ 了儲存庫，因此他們在本地電腦上有一個準備工作的 Git 儲存庫： 1. **創建分支**。使用指令 `git branch` 創建一個分支，該分支將包含他們打算貢獻的更改： ```bash git branch [branch-name] ``` > 💡 **現代方法**：你也可以用一條指令創建並切換到新分支： ```bash git switch -c [branch-name] ``` 1. **切換到工作分支**。切換到指定分支並使用 `git switch` 更新工作目錄： ```bash git switch [branch-name] ``` > 💡 **現代提示**：`git switch` 是更改分支時取代 `git checkout` 的現代替代方案。它更清晰且對初學者更安全。 1. **進行工作**。此時你可以添加更改。別忘了用以下指令告訴 Git： ```bash git add . git commit -m "my changes" ``` > ⚠️ **提交訊息質量**：確保你給提交一個好的名稱，對你自己和你幫助的儲存庫維護者都很重要。具體說明你改變了什麼！ 1. **與 `main` 分支合併工作**。完成工作後，你可能希望將自己的工作與 `main` 分支的工作合併。在此期間，`main` 分支可能已經發生了變化，因此請確保首先使用以下指令更新它： ```bash git switch main git pull ``` 此時你需要確保任何 _衝突_（Git 無法輕易 _合併_ 的更改情況）發生在你的工作分支。因此執行以下指令： ```bash git switch [branch_name] git merge main ``` `git merge main` 指令將把 `main` 中的所有更改帶入你的分支。希望你可以直接繼續。如果不行，VS Code 會告訴你 Git _困惑_ 的地方，你只需修改受影響的文件，指出哪個內容最準確。 💡 **現代替代方案**：考慮使用 `git rebase` 以獲得更清晰的歷史記錄： ```bash git rebase main ``` 這會將你的提交重新播放到最新的 main 分支之上，創建線性歷史。 1. **將你的工作發送到 GitHub**。將你的工作發送到 GitHub 意味著兩件事。將你的分支推送到你的儲存庫，然後打開一個 PR（拉取請求）。 ```bash git push --set-upstream origin [branch-name] ``` 上述指令會在你的 fork 儲存庫中創建分支。 1. **打開 PR**。接下來，你需要打開一個 PR。你可以導航到 GitHub 上的 fork 儲存庫。你會看到 GitHub 上的提示，詢問是否要創建新的 PR，點擊它，你會進入一個介面，可以更改提交訊息標題，並給出更合適的描述。現在你 fork 的儲存庫的維護者會看到這個 PR，_希望_ 他們會欣賞並 _合併_ 你的 PR。恭喜你，現在你是一名貢獻者了，太棒了 :) 💡 **現代提示**：你也可以使用 GitHub CLI 創建 PR： ```bash gh pr create --title "Your PR title" --body "Description of changes" ``` 🔧 **PR 的最佳實踐**： - 使用關鍵字（例如 "Fixes #123"）鏈接相關問題 - 為 UI 更改添加截圖 - 請求特定的審查者 - 對正在進行的工作使用草稿 PR - 確保所有 CI 檢查通過後再請求審查 1. **清理**。成功合併 PR 後，清理工作被認為是良好的做法。你需要清理本地分支和推送到 GitHub 的分支。首先用以下指令在本地刪除它： ```bash git branch -d [branch-name] ``` 接著，前往 GitHub 頁面上的 fork 儲存庫，刪除你剛剛推送到的遠端分支。 `拉取請求` 似乎是一個奇怪的術語，因為實際上你是想將更改推送到專案。但維護者（專案擁有者）或核心團隊需要考慮你的更改，然後再將其合併到專案的 "main" 分支，因此你實際上是在向維護者請求更改的決定。 拉取請求是一個比較和討論分支引入的差異的地方，並包含審查、評論、集成測試等。一個好的拉取請求大致遵循與提交訊息相同的規則。你可以在問題追蹤器中添加對問題的引用，例如當你的工作解決了一個問題時。這可以使用 `#` 後跟你的問題編號來完成。例如 `#97`。 🤞希望所有檢查都通過，並且專案擁有者合併你的更改到專案中🤞 更新你本地的工作分支，將 GitHub 上對應的遠端分支的所有新提交拉取下來： `git pull` ## 貢獻開源項目（你的機會來了，改變世界！） 準備好迎接一件會讓你大開眼界的事情了嗎？🤯 讓我們來聊聊如何貢獻開源項目——光是想到要和你分享這件事就讓我激動不已！ 這是你成為非凡事物一部分的機會。想像一下，改進每天有數百萬開發者使用的工具，或者修復你朋友喜愛的應用程式中的一個 bug。這不僅僅是夢想——這就是開源貢獻的意義所在！ 每次想到這件事都讓我激動不已：你學習使用的每一個工具——你的程式碼編輯器、我們將探索的框架，甚至你正在閱讀這篇文章的瀏覽器——都始於某個和你一樣的人，第一次顫抖著手點擊「建立拉取請求」。那位開發了你最喜歡的 VS Code 擴展的天才開發者？他們曾經也是一個初學者，和你一樣，第一次嘗試貢獻。 最美妙的是：開源社群就像互聯網上最大的擁抱。大多數項目都積極尋找新手，並標記了「good first issue」的問題，專門為像你這樣的人準備！項目維護者看到新貢獻者時真的會感到興奮，因為他們記得自己第一次踏出步伐的感受。 你不僅僅是在學習程式碼——你正在準備加入一個全球性的建設者大家庭，他們每天醒來都在思考「我們如何讓數位世界變得更好？」歡迎加入這個俱樂部！🌟 首先，讓我們在 GitHub 上找到一個你感興趣並希望貢獻更改的儲存庫（或 **repo**）。你需要將其內容複製到你的電腦上。 ✅ 找到「適合初學者」的儲存庫的一個好方法是[通過標籤 'good-first-issue' 進行搜尋](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)。  有幾種方法可以複製程式碼。一種方法是使用 HTTPS、SSH 或 GitHub CLI（命令行介面）「克隆」儲存庫的內容。 打開你的終端並像這樣克隆儲存庫： ```bash # Using HTTPS git clone https://github.com/ProjectURL # Using SSH (requires SSH key setup) git clone git@github.com:username/repository.git # Using GitHub CLI gh repo clone username/repository ``` 要開始處理項目，切換到正確的資料夾： `cd ProjectURL` 你也可以使用以下方式打開整個項目： - **[GitHub Codespaces](https://github.com/features/codespaces)** - GitHub 的雲端開發環境，使用瀏覽器中的 VS Code - **[GitHub Desktop](https://desktop.github.com/)** - 一個用於 Git 操作的圖形化應用程式 - **[GitHub.dev](https://github.dev)** - 在任何 GitHub 儲存庫中按下 `.` 鍵即可在瀏覽器中打開 VS Code - **VS Code** 搭配 GitHub Pull Requests 擴展 最後，你也可以下載壓縮的資料夾。 ### 關於 GitHub 的一些有趣事實 你可以在 GitHub 上為任何公共儲存庫加星標、關注和/或「分叉」。你可以在右上角的下拉選單中找到你加星標的儲存庫。這就像是程式碼的書籤。 項目通常有一個問題追蹤器，大多數情況下在 GitHub 的「Issues」標籤中，除非另有說明，人們會在這裡討論與項目相關的問題。而「Pull Requests」標籤則是人們討論和審查正在進行的更改的地方。 項目可能還會在論壇、郵件列表或像 Slack、Discord 或 IRC 這樣的聊天頻道中進行討論。 🔧 **現代 GitHub 功能**： - **GitHub Discussions** - 內建的社群討論論壇 - **GitHub Sponsors** - 財務支持項目維護者 - **Security tab** - 漏洞報告和安全建議 - **Actions tab** - 查看自動化工作流程和 CI/CD 管道 - **Insights tab** - 關於貢獻者、提交和項目健康狀況的分析 - **Projects tab** - GitHub 的內建項目管理工具 ✅ 瀏覽你的新 GitHub 儲存庫並嘗試一些操作，比如編輯設定、向儲存庫添加資訊、建立項目（例如看板）、以及設置 GitHub Actions 進行自動化。你可以做的事情還有很多！ --- ## 🚀 挑戰 好了，現在是時候測試你剛學到的 GitHub 超能力了！🚀 這是一個能讓你感到非常滿足的挑戰： 找一位朋友（或者那個總是問你在搞什麼「電腦東西」的家人）一起展開一場合作編程冒險吧！這就是真正的魔力所在——建立一個項目，讓他們分叉，創建一些分支，並像專業人士一樣合併更改。 我不會騙你——你們可能會在某些時候笑出聲（尤其是當你們都試圖更改同一行時），可能會抓耳撓腮，但你們一定會有那些令人驚嘆的「原來如此！」的時刻，讓所有的學習都變得值得。更棒的是，和別人分享第一次成功合併的喜悅是非常特別的——這就像是慶祝你們的進步！ 還沒有找到編程夥伴？完全沒問題！GitHub 社群充滿了非常友好的夥伴，他們記得自己剛開始時的感受。尋找標有「good first issue」標籤的儲存庫——它們基本上是在說「嘿，初學者，來和我們一起學習吧！」是不是很棒？ ## 課後測驗 [課後測驗](https://ff-quizzes.netlify.app/web/en/) ## 回顧與持續學習 哇！🎉 看看你——你剛剛像個絕對的高手一樣征服了 GitHub 的基礎知識！如果你現在覺得腦袋有點滿，那是完全正常的，說真的，這是一個好現象。你剛剛學會了我剛開始時花了好幾周才熟悉的工具。 Git 和 GitHub 是非常強大的工具（真的非常強大），我認識的每一位開發者——包括那些現在看起來像巫師一樣的人——都需要練習並在剛開始時跌跌撞撞，直到一切都變得清晰。你能完成這堂課，意味著你已經在掌握開發者工具箱中最重要的工具的路上了。 以下是一些非常棒的資源，幫助你練習並變得更厲害： - [貢獻開源軟體指南](https://opensource.guide/how-to-contribute/#how-to-submit-a-contribution) – 你的改變世界的路線圖 - [Git 速查表](https://training.github.com/downloads/github-git-cheat-sheet/) – 隨時查閱的便捷工具！ 記住：熟能生巧，而不是追求完美！你使用 Git 和 GitHub 的次數越多，它們就會變得越自然。GitHub 創建了一些很棒的互動課程，讓你在安全的環境中練習： - [GitHub 入門](https://github.com/skills/introduction-to-github) - [使用 Markdown 進行溝通](https://github.com/skills/communicate-using-markdown) - [GitHub Pages](https://github.com/skills/github-pages) - [管理合併衝突](https://github.com/skills/resolve-merge-conflicts) **想要挑戰自己？試試這些現代工具：** - [GitHub CLI 文件](https://cli.github.com/manual/) – 讓你感覺像命令行巫師 - [GitHub Codespaces 文件](https://docs.github.com/en/codespaces) – 在雲端編程！ - [GitHub Actions 文件](https://docs.github.com/en/actions) – 自動化所有事情 - [Git 最佳實踐](https://www.atlassian.com/git/tutorials/comparing-workflows) – 提升你的工作流程技能 ## GitHub Copilot Agent 挑戰 🚀 使用 Agent 模式完成以下挑戰： **描述：** 創建一個協作的網頁開發項目，展示你在本課中學到的完整 GitHub 工作流程。這個挑戰將幫助你在真實世界的場景中練習儲存庫創建、協作功能以及現代 Git 工作流程。 **提示：** 為一個簡單的「網頁開發資源」項目創建一個新的公共 GitHub 儲存庫。該儲存庫應包含一個結構良好的 README.md 文件，列出有用的網頁開發工具和資源，按類別（HTML、CSS、JavaScript 等）進行組織。為儲存庫設置適當的社群標準，包括許可證、貢獻指南和行為準則。創建至少兩個功能分支：一個用於添加 CSS 資源，另一個用於添加 JavaScript 資源。向每個分支提交描述性提交消息，然後創建拉取請求以將更改合併回主分支。啟用 GitHub 功能，例如 Issues、Discussions，並設置基本的 GitHub Actions 工作流程以進行自動檢查。 ## 作業 你的任務，如果你選擇接受：完成 [GitHub 入門](https://github.com/skills/introduction-to-github) 課程。這個互動課程將讓你在安全、引導的環境中練習你所學到的一切。此外，完成後你還會獲得一個很酷的徽章！🏅 **準備好迎接更多挑戰了嗎？** - 為你的 GitHub 帳戶設置 SSH 驗證（再也不用輸入密碼了！） - 嘗試使用 GitHub CLI 進行日常 Git 操作 - 創建一個帶有 GitHub Actions 工作流程的儲存庫 - 探索 GitHub Codespaces，通過雲端編輯器打開這個儲存庫 記住：每個專家都曾是初學者。你一定可以做到！💪 --- **免責聲明**： 本文件已使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。儘管我們努力確保準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應被視為權威來源。對於關鍵信息，建議使用專業人工翻譯。我們對因使用此翻譯而引起的任何誤解或誤釋不承擔責任。