Total Pageviews

Sunday, 15 December 2024

搭建基于 github issues的静态博客程序 github-issue-blog

 首先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的值

在你的本地电脑里新建一个 .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后的项目的项目名" 

然后,访问https://github.com/briteming/gib/issues/new ,写 issue的标题和内容,然后提交issue. 

然后访问vercel.com/new,(先登录vercel.com),点击import按钮,导入你fork后的项目:


 然后在跳到的页面里,点击environment variables, 然后点击import .env 按钮,导入刚才建立的 .env文件,然后点击 deploy按钮,等待deploy完成。deploy完成后,就会得到一个网址,我得到的网址是https://gib-ok.vercel.app(第一次部署时,可以自定义二级域名,我自定义的二级域名是gib-ok.vercel.app)

项目地址: 

https://github.com/m4xshen/github-issue-blog

https://github.com/briteming/gib

演示博客的网址: 

https://gib-ok.vercel.app/



 

 

 

 

No comments:

Post a Comment