搭建基于github issues的静态博客程序plain

 首先fork此项目https://github.com/wallleap/plain/，我fork后的项目地址是

https://github.com/briteming/plain/ ,然后在此处https://github.com/briteming/plain/settings，勾选issues. 然后访问https://github.com/briteming/plain/issues/new，新建issue.

然后，(以下步骤我是在windows上进行的。）

git clone https://github.com/briteming/plain plain-by-briteming

cd  plain-by-briteming

pnpm install

cp .env.sample .env

nano .env

cat .env

# TOKEN
V_GITHUB_TOKEN="你的github token的值" # GitHub Token 中间任意地方逗号空格断开
# LeanCloud
V_LEANCLOUD_ID="YOUR_APP_ID" # App ID
V_LEANCLOUD_KEY="Your_APP_KEY" # App Key
V_LEANCLOUD_SERVER="Your_APP_SERVER" # App Server
# 博客标题
V_TITLE="Blog_Title"
V_DESCRIPTION="Blog_Description"
V_KEYWORDS="Keyword1, Keyword2, Keyword3"
V_LOGO="./logo.svg"
# 建站时间
V_CREATED_TIME="YYYY-MM-DD"
# ICP 备案
V_ICP=""
V_ICP_LINK=""
# 公安备案
V_BEI=""
V_BEI_LINK=""
# GitHub Issues 配置
V_USERNAME="briteming"
V_REPOSITORY="plain"
# V_FRIENDS_REPO="friends" # 友链仓库，如果是在博客仓库里设置的评论，这里就不用管
V_BLOG_COUNT="80" # 一页显示的博客数量，尽量填大一点，避免博客文章丢失
V_FRIEND_COUNT="50" # 一页显示的友链数量，尽量填大一点
# 您的信息
V_AUTHOR="Your_Name"
V_EMAIL="Your_Email"
V_LINK="Personal_Website" # 你的个人网站，例如：//luwang.info
V_GITHUB="//github.com/YOUR_GITHUB_USERNAME"
# 友链信息
V_NAME="Your_Name"
V_URL="Your_Blog_Url" # 你的博客地址，例如：//myblog.wallleap.cn
V_AVATAR="Your_Logo" # 你的头像链接
V_DESC="Your_Blog_Desc" # 你的个人描述
# 评论配置 Utterances 代码，前往 https://utteranc.es/ 获取代码
V_UTTERANCES_CODE=`<script src="https://utteranc.es/client.js" repo="你的用户名/comments" issue-term="title" label="Comment" theme="github-light" crossorigin="anonymous" async></script>`


pnpm build

（此步会遇到错误。解决办法：

nano src/utils/index.ts

把timerId = setTimeout(() => { 改为：

timerId = window.setTimeout(() => {


pnpm build即可成功，并会生成静态网站的根目录dist) 

cd dist

python3 -m http.server 2345

浏览器里访问127.0.0.1:2345即可看到静态网站的效果。

然后导入项目https://github.com/briteming/plain/ 到vercel.com/new,在添加 environment variables 那一步，要添加上面蓝色字体所讲的全部变量。最后得到vercel.com给出的网址：

https://plain-spag.vercel.app/


演示网站：

https://plain-spag.vercel.app/

项目地址：https://github.com/wallleap/plain/

https://github.com/wallleap/plain/issues/2 

https://github.com/briteming/plain/