掌握将私有GitHub Pages项目迁移到Netlify或Vercel的所有步骤,提升站点的管理和访问灵活性。

一学一个不吱声

将 GitHub Pages 更改为私有后,可以通过将静态网站迁移到 Netlify 或 Vercel 进行托管。以下是具体步骤:

Netlify

1. 登录或创建 Netlify 账户:

   • 使用 GitHub 登录,方便导入项目。

2. 导入 GitHub 仓库:

   • 在 Netlify Dashboard 中点击 “Add new site” > “Import an existing project”。
   • 连接你的 GitHub 账户,选择你想要部署的私有仓库。

3. 配置部署:

   • 设置项目的 build 命令 和 发布目录:
     • Build Command: 根据你的框架决定,例如:
       • Astro: npm run build
       • VuePress: npm run docs:build
     • Publish Directory: 通常是生成的静态文件夹,例如:
       • Astro: dist
       • VuePress: docs/.vuepress/dist

4. 部署:

   • 点击 Deploy Site,Netlify 会拉取代码,自动构建并发布。

5. 绑定自定义域名(可选):

   • 在 Netlify Dashboard 中设置自定义域名。
   • 将你的域名 DNS 修改为 Netlify 提供的 DNS。

Vercel

1. 登录或创建 Vercel 账户:

   • 使用 GitHub 登录更便捷。

2. 导入私有仓库:

   • 点击 “New Project”,授权 Vercel 访问你的 GitHub 仓库。
   • 选择你想要托管的私有仓库。

3. 配置项目设置:

   • Vercel 会自动检测项目的框架并提供默认配置:
     • Build Command: 根据框架自动设置(可手动调整)。
     • Output Directory: 一般为 dist(Astro/Vue 等)。

4. 启动部署:

   • 点击 Deploy,Vercel 会自动拉取代码并进行部署。

5. 绑定自定义域名(可选):

   • 在 Vercel Dashboard 的 Domains 中绑定域名。
   • 更新 DNS 记录到 Vercel 提供的值。

迁移注意事项

1. 私有仓库授权:

   • 在 Netlify 或 Vercel 连接私有仓库时,需要确保授权这些平台读取你的私有仓库。

2. 环境变量:

   • 如果项目需要 API keys 或其他敏感配置,确保在 Netlify/Vercel 的环境变量设置中正确配置。

3. Build 调试:

   • 如果部署失败,检查 build 日志,确认依赖是否已安装,路径是否正确。

4. 迁移后更新项目链接:

   • 记得更新网站的访问链接到 Netlify 或 Vercel 的域名,或者绑定自定义域名。

完成后,你的静态站点就会从 GitHub Pages 平滑过渡到 Netlify 或 Vercel。

Netlify 死活登录不了,暂时放弃,使用了 Vercel,就很流畅。嘿嘿

整合 cloudflare

修改 dns 中筛选器内容为对应 Netlify/Vercel 生成的访问链接。