如何10分钟快速上线一个导航加博客网站
零点君今天推荐一个导航+博客的网站,有了它每一个人都可以快速搭建自己的网站。
接下来可以跟着文章的步骤一步一步开始了:
第一步,我们打开 GitBase 的 Github 仓库页面:
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 的环境变量。
注意六个环境变量一个都不能少,其中 DOMAIN 因为我们目前还用的是 Vercel 的子域名,所以就填子域名,如果后面你改成用自己的域名,就需要填自己域名。
填完之后,应该是下面这样的:
第九步,因为我们刚才配置了环境变量,所以需要重新去 Vercel 再部署一次,环境变量才会生效。
在弹出的浮层里点击一下“main”,然后点击“Create Deployment”按钮就会触发重新部署,等待部署完成。
第十步,现在可以打开我们自己网站的后台了,先点击导航栏右侧的登录按钮,进入登录页面:
如果出现下面这个界面,就表明成功登录到管理后台了。
你可以在这个页面管理资源列表,也即是导航列表。
还可以点击“Mange Articles”按钮,进入文章管理列表。
如果在文章列表,你没有看到文章,那么需要手动点击同步按钮,一会儿就能看到文章列表了。
之后你可以修改文章,可以写新文章。
发表评论