基于 GitHub API 的博客静态站点生成工具,尽情享受用 GitHub Issue 写博客带来的便利吧!
- 采用 ssg 静态站点,快速部署上线
- 支持首屏服务端渲染
- 支持 github 账号评论
- 支持暗黑主题
- github action 自动部署
- markdown 博客文章标题导航栏
- markdown 博客文章在线编辑功能
https://yanyue404.github.io/blog
- git: ^v2.0.0
- node: ^v12.18.3
- yarn: ^v1.12.0
点击 这里,勾选以下两项:
read: user Read all user profile data
user: email Access user email addresses (read-only)
如果你的项目是属于一个组织的,还需要勾选一个权限:
read: org Read org and team membership
打开 Chrome 的 Console,运行:
window.btoa('{你的 GitHub Token}')
如果你把 Token 直接明文推到 GitHub 仓库中,此 Token 就会立马失效,所以需要加密混淆。
- Fork 此项目到自己仓库;
- 将代码克隆到本地;
- 编辑
blog.config.js
文件; - 安装依赖:
yarn install
; - 访问 Github 接口你可能需要能访问外网的终端代理:
export https_proxy=http://127.0.0.1:8899 http_proxy=http://127.0.0.1:8899
- 查看效果:
yarn serve
, 本地预览localhost:9527
; - 打包:
yarn dev|build
; - 部署:
yarn deploy
; - 浏览器地址栏输入:
{你的用户名}.github.io/blog
查看。