PicGo+Github+Typora配置

2020年9月再次更新：
Github图床太难搞了，PicGo图片显示不出来，上传也经常失败。
我宣布：Gitee + Typora + PicGo才是快乐！

---

本篇内容

Markdown编辑器 集成图床 ( 记录一下配置时报错log )
前期准备：

• Github账号
• Typora编辑器：markdown编辑器
• PicGo软件：一个用于快速上传图片并获取图片URL链接的工具
• Node.js

官方配置文档指南

PicGoCore

Typora/Upload Images

1. 下载安装PicGo

PicGo 官方下载地址
选择对应的版本进行下载( 因为是win10电脑，所以我这里下载的是PicGo-Setup-2.2.2.exe )。

• 安装
  1. 双击安装包，选择自定义的文件夹目录安装
  2. 安装完成之后，打开PicGo

  • 这里我的电脑并没有看到PicGo打开后的界面，CPU直接满了（破电脑）
  • 然后就把各种程序关掉，重新双击PicGo图标，还是完全没有什么反应，任务栏也没东西
  • 我网上搜了一下，没有看到相似内容，然后看了一下PicGo安装教程，有部分里面提到配置环境变量，就是在Path里面上%APPDATA%\picgo\data.json，
  • 重新点击PicGo, 任务栏依然没反应，但是在桌面任务栏隐藏窗口里面发现了PicGo，一开始任务管理器里面也没有picgo的身影，点开它，就跳出了picgo窗口
  • 另外一个就是node.js版本需要8.0以上，我看了一下我的是12的，如果其他人遇到打不开的问题，可以注意一下

2. Github图床创建

1. 新建一个用来放图片的库
   在github首页点击 + new reporsitory

• Repository name 仓库名：自己填，填了之后不能修改
• Description：添加描述信息
• Public ,将仓库权限勾选为public,这样以后的图片地址才能在所有网页可以显示
• README文件，是对仓库的描述信息，最好勾上，自己写也可以
• 然后点击 Create repository

2. 创建token
   • 点击 头像，进入setting 设置界面
   • 在最下面选择Developer setting
   • 选择Personal access tokens
     • Note 名称：说明这个token
     • Select scopes: 勾选 repo
     • 点击生成，跳转到生成好的token令牌界面
       此处 token只出现一次，一定要另外保存 ，在配置picgo时也需要填入token

3. PicGo配置

• 点击PicGo, 在图床设置中进入Github图床
• 仓库名： GitHub用户名/仓库名
• 分支：master
• Token: 上面生成的token
• 存储路径：默认填img/
• 自定义域名：https://raw.githubusercontent.com/GitHub用户名/仓库名/master
• 点击确定
• 在PicGo设置中，点击Server设置 ，把设置监听端口改成：36677
• 将时间戳重命名开关打开

4. Typora配置

• 点击file看到选项中的preference(偏好设置），点击image图像设置
• 将插入图片的前两项勾上，对local / online 图片应用上述规则
• upload server 设置
  • 将 上传服务选为 PicGo(app)
  • PicGo路径选择 本地PicGo.exe所在目录
  • 点击左边的验证图片上传选项，success就说明配置成功

  • 我在选择上传服务的时候，候选框只有PicGo-Core(command line)
    网上教程全是直接选择PicGo(app)，看了下官方文档，是说PicGo(app) only Chinese
  • 我把language设置为简体中文，才出现了PicGo（app)选项
  • 另外在验证图片上传选项的时候也报错，如下图

解决办法是在PicGo上传区将图片上传的默认选项设置为GitHub图床，验证成功