使用 GitHub Actions 將 React TypeScript 項目部署到 GitHub Pages
使用 GitHub Actions 將 React TypeScript 項目部署到 GitHub Pages 導言 將 React TypeScript 項目部署到 GitHub Pages 能夠高效地自動化過程,確保您的項目與儲存庫中的最新變更同步。這份教程將指導您如何設置 GitHub Actions 來自動將您的 React TypeScript 項目部署到 GitHub Pages。 前提條件 GitHub 帳戶 :您需要擁有一個 GitHub 帳戶以及包含您的 React TypeScript 項目的儲存庫。 Node.js 和 npm :確保已安裝 Node.js 和 npm 以處理項目依賴性。 分步指南 第一步:準備您的 React 項目 確保您的 React 項目使用 TypeScript 並配置正確構建。在您的 package.json 中,設置 homepage 字段為托管子路徑: "homepage" : "./" , 第二步:設置 GitHub Actions 生成提交權杖(Commit Token) : 前往 Settings > Developer Settings > Personal access tokens 。 選擇 Generate new token 。 為權杖選擇合適的權限,例如儲存庫(repo)訪問。 記下生成的權杖。 將提交權杖添加為密鑰(Secret) : 導航到您的儲存庫設置。 前往 Secrets and variables > Repository secrets > New repository secret 。 名稱: COMMIT_TOKEN 密鑰:貼上生成的權杖。 創建工作流文件 : 在 GitHub 上您的儲存庫中,前往 Actions 標籤並點擊 “New workflow”。 點擊 “set up a workflow yourself” 以在 .github/workflows 中創建一個新的 YAML 文件。 配置工作流 : 用以...