跳转到内容
danmu_api 图文教程

Netlify 部署

目标：把 danmu_api 部署到 Netlify，拿到一个能直接用的 netlify.app 地址。

第 1 步：先 Fork 仓库

Section titled “第 1 步：先 Fork 仓库”

先打开：

然后按顺序做：

  1. 点右上角 Fork
  2. 选择你自己的 GitHub 账号
  3. 等页面变成 你的GitHub用户名/danmu_api
GitHub 仓库页面里的 Fork 按钮截图
先点 Fork。
GitHub Fork 确认页面截图
确认 Fork 到你自己的账号下。

第 2 步：先进 Netlify

Section titled “第 2 步：先进 Netlify”

直接打开：

这里直接分两种情况：

  1. 还没有账号：点右上角 Sign up
  2. 已经有账号：点右上角 Log in
用户实际操作时打开 Netlify 首页，右上角可以看到 Log in 和 Sign up 的截图
先到 Netlify 首页。没有账号就点 Sign up，有账号就点 Log in。

第 3 步：用 GitHub 注册

Section titled “第 3 步：用 GitHub 注册”

如果你还没有 Netlify 账号，就按顺序做：

  1. 打开注册页：app.netlify.com/signup
  2. 点 GitHub
  3. 如果后面出现资料填写页，按正常信息填完继续就行

如果你已经有账号，这一步跳过，直接登录。

用户实际操作时在 Netlify 注册页选择 GitHub 的截图
注册时直接选 GitHub。
用户实际操作时在 Netlify 注册过程中填写资料的截图
如果出现资料页，正常填完继续就行。

第 4 步：打开导入页，点 GitHub

Section titled “第 4 步：打开导入页，点 GitHub”

登录后直接打开：

如果你已经在后台，也可以自己点：

  • Add new project

到导入页后，直接点 GitHub。

用户实际操作时在 Netlify 的 Add new project 页面选择 GitHub 导入仓库的截图
到这里后直接点 GitHub。

第 5 步：给 GitHub 仓库权限

Section titled “第 5 步：给 GitHub 仓库权限”

跳到 GitHub 授权页后，按顺序做：

  1. 怕麻烦就直接选 All repositories
  2. 如果你选 Only select repositories，一定要把你自己的 danmu_api 勾进去
  3. 点授权按钮继续
用户实际操作时在 GitHub 授权页给 Netlify 开放仓库权限的截图
最省事就是直接选 All repositories。

第 6 步：回 Netlify，选你自己的 danmu_api

Section titled “第 6 步：回 Netlify，选你自己的 danmu_api”

授权完成后会回到 Netlify。

这里只做 3 件事：

  1. 搜 danmu_api
  2. 选 你的GitHub用户名/danmu_api
  3. 不要选 huangxd-/danmu_api

第 7 步：先把站点创建出来

Section titled “第 7 步：先把站点创建出来”

进入站点创建页后，先这样做：

  1. 构建配置先保持默认
  2. 不要自己乱改 build command 和 publish directory
  3. 直接点 Deploy site
  4. 等它创建完成

创建完成后，会进入站点页面。

第三方教程作者的 Netlify Site overview 实际后台截图
创建完成后会进入这个页面。后面的变量和重新部署都从这里继续。

第 8 步：加这 2 个变量

Section titled “第 8 步：加这 2 个变量”

按这个路径走：

Site configuration→Environment variables→Add a variable

然后先加：

TOKEN=87654321
ADMIN_TOKEN=你自己定义的值

如果你只是先把站点跑通，这两项先填进去就够了。

如果你后面还想直接在前端管理页里删改变量、再触发重新部署，还要额外配：DEPLOY_PLATFROM_ACCOUNT、DEPLOY_PLATFROM_PROJECT、DEPLOY_PLATFROM_TOKEN。不在这页展开，直接看 UI 与环境变量 · Netlify。

Netlify 论坛用户贴出的环境变量页面实际截图
这里至少先保证已经加上 TOKEN 和 ADMIN_TOKEN。

如果你后面还要在管理员界面里在线回写平台配置，再看：UI 与环境变量 · Netlify

第 9 步：手动重新部署一次

Section titled “第 9 步：手动重新部署一次”

变量保存后，再按这个路径走：

Deploys→Trigger deploy→Deploy site

等这次部署成功，再继续测试。

第 10 步：测试地址

Section titled “第 10 步：测试地址”

先测普通页面：

https://你的项目名.netlify.app/87654321

再测搜索接口：

https://你的项目名.netlify.app/api/v2/search/anime?keyword=凡人修仙传

管理员页面：

https://你的项目名.netlify.app/你的ADMIN_TOKEN

如果你把 TOKEN 改成了自己的值，就把搜索接口改成：

https://你的项目名.netlify.app/你的TOKEN/api/v2/search/anime?keyword=凡人修仙传

能正常打开搜索结果和管理员页面，这次就完成了。

后面继续看

Section titled “后面继续看”