建立你的個人倉庫_GitHub懶人包與教學網頁上線...別再為了 GitHub 設定卡關！這份教學懶人包教你一鍵完成連線

你會學到

• 在AI時代，GitHub是建立個人程式與文件倉庫的主流選擇，並可用於協作與版本控制。
• 透過Claude Code桌面版與GitHub的整合，可以自動化程式碼與網頁的部署，無需手動操作。
• 利用懶人包（教學文件）可簡化GitHub的註冊與Claude Code的連接設定流程。
• GitHub不只用於程式碼，也是人類與AI協作的平台，人負責決策，AI負責執行，GitHub負責記錄。
• 做什麼：使用者跟著做完，能從零開始，透過懶人包讓 Claude Code 與 GitHub 進行連動，自動化部署程式碼與網頁。
• 怎麼做：
  1. 開啟懶人包網址。
  2. 下載懶人包檔案02連接GitHub.md。
  3. 在新電腦上打開Claude Code桌面版，選擇一個工作資料夾。
  4. 將下載的02連接GitHub.md檔案拖曳到Claude Code中。
  5. 調整權限設定，建議選擇 bypass permission 模式。
  6. 在Claude Code中對AI說「執行這個懶人包」。
  7. AI會自動進行環境檢查，並安裝所需的GitHub CLI工具。
  8. 若無帳號，依AI提示打開GitHub網站，使用Google帳戶註冊，設定用戶名、密碼，並通過拼圖驗證。
  9. 回到Claude Code，告知AI「註冊完成」，並提供GitHub的username和email。
  10. 根據AI指示，手動開啟瀏覽器前往指定網址，輸入驗證碼，登錄GitHub並同意授權。
  11. 完成授權後，AI會自動測試GitHub連線並部署一個測試網站。

教學金句

「一句話總結，它不只是程式碼的倉庫，然後它也是人類跟AI協作的共同工作平台，人負責決策，AI負責執行，而GitHub負責記錄一切。」 「全部幫你做好給你網址，把什麼教材我們這個在硬碟裡面的教材，直接推到Github。」 「這麼簡單各位就是這麼簡單，所以從現在開始你的claude code桌面版就可以跟你的Github暢行無阻。」 「你連Github都不用開，網址直接回傳到這個對話的界面來。」

適用情境

這部影片非常適合放在「AI工具實戰」或「AI輔助開發」課程的初階實作環節，特別是針對完全不熟悉程式碼或GitHub的初學者。適合希望將AI工具（如Claude Code）與開發協作平台（GitHub）結合，實現個人網站部署與檔案版本控制的學員。學員應具備基礎的電腦操作能力，並對AI對話工具有基本認知。無需程式語言前置知識，因其強調透過AI完成複雜設定。

延伸主題

• 如何利用Claude Code與GitHub進行更進階的版本控制操作（commit, branch, merge）。
• 如何將AI生成的內容直接發佈到GitHub Pages或其他靜態網站託管服務。
• 使用GitHub作為AI專案的協作平台，管理團隊AI開發流程。
• 除了網頁部署，GitHub在其他AI應用（如模型訓練、資料集管理）上的應用案例。
• 如何優化網頁內容，提升在GitHub Pages上的呈現效果。

---en---

What You’ll Learn

• In the AI era, GitHub is the mainstream choice for building personal code and document repositories, and can be used for collaboration and version control.
• Through the integration of Claude Code desktop version and GitHub, code and webpages can be deployed automatically without manual operation.
• The use of a lazy pack (tutorial document) can simplify the GitHub registration process and Claude Code connection settings.
• GitHub is not only used for code, but also as a platform for human and AI collaboration, where humans make decisions, AI executes, and GitHub records everything.
• What to do: After completing this, users will be able to link Claude Code with GitHub from scratch using a lazy pack, automating the deployment of code and webpages.
• How to do:
  1. Open the lazy pack URL.
  2. Download the lazy pack file 02連接GitHub.md.
  3. Open Claude Code desktop version on a new computer and select a working folder.
  4. Drag the downloaded 02連接GitHub.md file into Claude Code.
  5. Adjust permission settings, it is recommended to choose bypass permission mode.
  6. In Claude Code, tell the AI to “execute this lazy pack”.
  7. The AI will automatically perform an environment check and install the required GitHub CLI tools.
  8. If you don’t have an account, follow the AI’s prompts to open the GitHub website, register with a Google account, set a username and password, and pass the puzzle verification.
  9. Go back to Claude Code, inform the AI that “registration is complete”, and provide your GitHub username and email.
  10. According to the AI’s instructions, manually open a browser to the specified URL, enter the verification code, log in to GitHub, and agree to authorize.
  11. After authorization, the AI will automatically test the GitHub connection and deploy a test website.

Teaching Quote

「In short, it’s not just a code repository, but also a collaborative platform for humans and AI. Humans make decisions, AI executes, and GitHub records everything.」 「It’s all done for you with a URL, pushing educational materials directly from our hard drive to Github.」 「It’s that simple, everyone, it’s that simple. So from now on, your Claude Code desktop version can communicate seamlessly with your Github.」 「You don’t even need to open Github, the URL is directly returned to this conversation interface.」

When to Use

This video is very suitable for the introductory practical part of “AI Tool Practice” or “AI-Assisted Development” courses, especially for beginners who are completely unfamiliar with coding or GitHub. It is suitable for learners who wish to combine AI tools (such as Claude Code) with development collaboration platforms (GitHub) to achieve personal website deployment and file version control. Learners should have basic computer operation skills and a basic understanding of AI conversational tools. No prior coding language knowledge is required, as it emphasizes completing complex settings through AI.

Related Topics

• How to use Claude Code and GitHub for more advanced version control operations (commit, branch, merge).
• How to publish AI-generated content directly to GitHub Pages or other static website hosting services.
• Using GitHub as a collaborative platform for AI projects, managing team AI development workflows.
• Beyond web deployment, application examples of GitHub in other AI applications (such as model training, dataset management).
• How to optimize webpage content to improve display effects on GitHub Pages.