首先fork此项目https://github.com/m4xshen/github-issue-blog ,我fork后的项目地址为
https://github.com/briteming/gib ,
然后访问https://github.com/settings/applications/new
其中,Homepage URL和 Authorization callback URL的值都写你fork后的项目地址。点击
“register application"按钮,在跳到的页面的Client secrets的右边,点击”Generate a new
client secret"按钮,生成client secret的值,记下Client ID的值和client secret的值。
然后点击你fork后的项目地址页面的上部的"Add file"按钮,在弹出的下拉菜单中,选择Create new file, 然后在 Name your file 框里输入 .env ,内容如下:
GITHUB_CLIENT_ID="你的CLIENT_ID的值"
GITHUB_CLIENT_SECRET="你的CLIENT_SECRET的值"
AUTHOR_NAME="brite"
BLOG_TITLE="brite's Blog"
BLOG_DESCRIPTION="Welcome to my blog!"
NEXT_PUBLIC_OWNER="你fork后的项目的用户名"
NEXT_PUBLIC_REPO="你fork后的项目的项目名"
然后,点击右上角的commit changes.
然后,访问https://github.com/briteming/gib/issues/new ,写 issue的标题和内容,然后提交issue.
然后访问vercel.com/new,(先登录vercel.com),点击import按钮,导入你fork后的项目:
然后在跳到的页面里,因为已经在.env文件里设置过环境变量,所以在跳到的页面里,不用再设置environment variables, 而直接点击 deploy按钮,等待deploy完成。deploy完成后,就会得到一个网址,我得到的网址是https://gib-vmjf.vercel.app/,(这是第二次部署后,得到的网址)
https://gib-kk.vercel.app/ (第一次部署时,可以自定义二级域名,我自定义的二级域名是
gib-kk.vercel.app)
项目地址: https://github.com/m4xshen/github-issue-blog
演示网址:
https://gib-vmjf.vercel.app/
https://gib-kk.vercel.app/
项目仓库里写出 CLIENT_SECRET的值,其实好像没有多大安全隐患。而github access token的值则绝对不要在项目仓库里写出。如果写出来,会被github官方立刻取消其有效性。
No comments:
Post a Comment