搭建基于github issue的静态博客程序jgib

 

首先 fork此项目https://github.com/Jim876633/github-issues-blog，我fork后的项目地址是

https://github.com/briteming/jgib，然后访问https://github.com/briteming/jgib/settings，勾选issues.  然后访问https://github.com/briteming/jgib/issues/new ，新建一些issues.

然后，   按此文https://briteming.blogspot.com/2025/01/github-issuesgib.html的

“配置GitHub OAuth”部分的内容，获得Client ID的值和Client Secret的值（可以使用之前生成的值，不必重新生成）

然后，编辑src/constants/commons.ts文件：

https://github.com/briteming/jgib/blob/main/src/constants/commons.ts

把userName和repoName分别改成你的github用户名和github仓库名。

然后，访问vercel.com/new ,导入项目https://github.com/briteming/jgib到vercel.com/new。 在来到如下页面时，点击environment variables:

按如下内容，添加环境变量：

ACCESS_TOKEN="YOUR_GITHUB_ACCESS_TOKEN"
CLIENT_ID="YOUR_GITHUB_APPLICATION_CLIENT_ID"
CLIENT_SECRET="YOUR_GITHUB_APPLICATION_CLIENT_SECRET"

( ACCESS_TOKEN以前是通过https://github.com/settings/tokens/new获得的，这是classic版本。建议改为通过https://github.com/settings/personal-access-tokens/new获得，这是fine-grained版本，能够更精细的控制权限，替 token name取个名字，我取为 jgib ;Expiration的值选择no expiration;

Repository access处，选择Only select repositories，在下面的select repositories的下拉菜单中的search for a repository栏中，输入仓库名jgib,以选择

briteming/jgib仓库。在下面的Permissions处，点击repository permissions,

然后往下滚动页面，看到Issues处，其access level选择read-only; 再

往下滚动页面，看到Metadata处，其access level也选择read-only。然后

往下滚动页面到底部，点击页面底部的generate token按钮，以生成ACCESS_TOKEN的值。）

添加环境变量后，点击deploy按钮，等待部署完成。部署完成后，我得到网址：

https://jgib.vercel.app/

演示网站：

https://jgib.vercel.app/

https://jgib.vercel.app/blogs

项目地址：

https://github.com/Jim876633/github-issues-blog

https://github.com/briteming/jgib