喜欢用-GitHub-Issue-写博客的大佬们看过来又一个轮子用-Vue-编写的基于-GitHub-Issue-的博客工具

7次阅读

共计 616 个字符,预计需要花费 2 分钟才能阅读完成。

ISSUE BLOG

基于 GitHub API 的博客工具,尽情享受 GitHub Issue 带来的便利吧。

GitHub

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

Demo

https://ttop5.github.io/issue-blog

Usage

准备工作

开发环境依赖

- git: ^v2.0.0
- node: ^v10.0.0
- yarn: ^v1.12.0

获取 GitHub Token

点击 这里,勾选以下两项:

read: user        Read all user profile data
user: email       Access user email addresses (read-only)

⚠️警告️:别的不要勾选,以免造成账号安全问题。

如果你的项目是属于一个组织的,还需要勾选一个权限:

read: org         Read org and team membership

GitHub Token 进行 Base64 加密

打开 Chrome 的 Console,运行:

window.btoa('{ 你的 GitHub Token}')

如果你把 Token 直接明文推到 GitHub 仓库中,此 Token 就会立马失效,所以需要加密混淆。

开始部署

  1. Fork 此项目到自己仓库;
  2. 将代码克隆到本地;
  3. 编辑 config.js 文件;
  4. 安装依赖:yarn install
  5. 查看效果:yarn dev;
  6. 部署:yarn deploy
  7. 浏览器地址栏输入:{你的用户名}.github.io/issue-blog 查看。

License

MIT

正文完
 0