哥飞教你如何10分钟快速上线一个导航加博客网站

大家好，我是哥飞。

今天我们接着昨天的教程，来说一说，怎么快速把《【哥飞推荐】新人友好完全无需数据却有管理后台，可以动态更新网站内容的开源CMS》提到的CMS给安装部署起来。

在安装部署之前，大家需要提前准备好 Vercel 账号和 Github 账号。

如果你没有准备好，请先跟着哥飞之前的教程走一遍：
如何 10 分钟上线一个 AI 导航网站？
养网站防老第7步：注册域名，解析域名，部署上线
不用开发，如何 10 分钟上线一个 AI 产品

如果你已经准备好了，那么就可以跟着哥飞的步骤一步一步开始了。

第一步，我们打开 GitBase 的 Github 仓库页面，点个 Star：
https://github.com/qiayue/GitBase

第二步，找到一键部署按钮，点它：

第三步，设置你的Github仓库名称，如这里哥飞给大家演示部署一个哥飞博客，所以输入 blog ，点击“Create”按钮。

之后会显示部署过程：

等待1分钟左右部署完成，如果你看到了这个撒花特效，那么恭喜你，部署成功了。

第四步，请点击右上角的“Continue to Dashboard”按钮，进入你的Vercel项目管理后台，可以看到Vercel给你分配的子域名。

今天哥飞不给大家演示如何配置自定义域名了，如果想要学习的，请看开头哥飞提到的之前的几篇文章。

这时候你如果打开你的 Github 账号，是可以看到你刚刚部署好的这套代码对应的仓库的，仓库名称就是哥飞之前填写的 blog 。

用浏览器打开 Vercel 分配的子域名，就可以看到我们刚刚部署完成的网站了，是不是特别快，我们只是点击了几个按钮，输入了一下仓库名称，再等待了一分钟左右，网站就部署好了。

恭喜你，现在有了人生中的第一个网站，但是你会看到网站上面的内容暂时还是哥飞内置好的，如果你想去修改，要怎么改呢？

下面的步骤虽然看起来多，但其实不复杂，你跟着哥飞一步一步走就行了。

第五步，你需要去获取你的 Github 的个人 Token ，你需要打开 https://github.com/settings/tokens ，创建个人 classic token 。

第六步，输入 token 名称，选择失效时间，勾选 repo ，然后点击页面底部的“Generate token”绿色按钮。

第七步，复制 token 备用，注意，这个 token 打死都不能告诉别人。

第八步，打开Vercel项目设置页面。

按照下面这篇教程的要求配置 Vercel 的环境变量。
https://gitbase.app/posts/environment-variables

注意六个环境变量一个都不能少，其中 DOMAIN 因为我们目前还用的是 Vercel 的子域名，所以就填子域名，如果后面你改成用自己的域名，就需要填自己域名。

填完之后，应该是下面这样的：

第九步，因为我们刚才配置了环境变量，所以需要重新去 Vercel 再部署一次，环境变量才会生效。

在弹出的浮层里点击一下“main”，然后点击“Create Deployment”按钮就会触发重新部署，等待部署完成。

第十步，现在可以打开我们自己网站的后台了，先点击导航栏右侧的登录按钮，进入登录页面

如果你看到了下面这个界面，那么就是成功登录到管理后台了。

你可以在这个页面管理资源列表，也即是导航列表。

还可以点击“Mange Articles”按钮，进入文章管理列表。

如果在文章列表，你没有看到文章，那么需要手动点击同步按钮，一会儿就能看到文章列表了。

之后你可以修改文章，可以写新文章。

好了，以上就是今天的全部教程了。