本站公告

晚上好😎🫰

今天是2025年1月4日星期六

Santos
Creator @999-Blog.pro
https://github.com/SantosXXXE

Skip to content

GitHub Page的手动部署

更新: 2024/6/27 字数: 0 字 时长: 0 分钟

NOTE

要把你的项目的文件在GitHub上部署,请遵循以下步骤
跳转到:提交构建文件

构建项目

首先,确保你已经构建了你的项目并在项目根目录下运行

bash
npm run build

这将在dist目录下生成项目的静态文件

初始化本地仓库

如果你的dist目录不是一个Git仓库,你需要初始化它

bash
cd dist
bash
git init

添加远程仓库

添加你的GitHub仓库作为远程仓库

bash
git remote add origin https://github.com/santosxxxe/999blog.git

请将 URL 中的你的用户名/你的仓库替换成你GitHub仓库的真实用户名和仓库名

创建 gh-pages 分支

如果你还没有gh-pages分支,创建并切换到该分支

bash
git checkout --orphan gh-pages

提交构建的文件

bash
git add .
bash
git commit -m "Deploy to GitHub Pages"

推送到GitHub

gh-pages分支推送到GitHub

bash
git push --force origin gh-pages

结论

手动部署到 GitHub Pages 为开发者提供了完全控制部署过程的能力,允许进行超出自动化解决方案可能提供的定制化操作。这种方法非常适合需要特定配置的项目,或者那些想要深入了解持续集成/持续部署(CI/CD)工作流程的人。

虽然这个过程可能比使用自动化工具更加繁琐,但它使开发者做好准备,有效地故障排除和管理部署。如果你在部署期间遇到任何问题,命令行的输出和错误消息可以指导你解决潜在问题。

提醒一下,确保你总是将更改提交并推送到适当的分支,以避免干扰你的项目在 GitHub Pages 上的工作流程。

对于刚接触这个过程的人来说,在尝试手动部署之前,可能有助于熟悉 Git 和 GitHub 的基础知识。一旦你熟悉了手动过程,你可能会考虑探索使用 GitHub Actions 或其他 CI/CD 平台的自动化工作流程,以简化部署任务。

如果你发现这篇指南有用,或者有改进建议,请随时联系我们或参与讨论。🎉 🎉 🎉