2020年9月再次更新:
Github图床太难搞了,PicGo图片显示不出来,上传也经常失败。
我宣布:Gitee + Typora + PicGo才是快乐!
本篇内容
Markdown编辑器 集成图床 ( 记录一下配置时报错log )
前期准备:
- Github账号
- Typora编辑器:markdown编辑器
- PicGo软件:一个用于快速上传图片并获取图片URL链接的工具
- Node.js
官方配置文档指南
1. 下载安装PicGo
PicGo 官方下载地址
选择对应的版本进行下载( 因为是win10电脑,所以我这里下载的是PicGo-Setup-2.2.2.exe )。
- 安装
- 双击安装包,选择自定义的文件夹目录安装
- 安装完成之后,打开PicGo
- 这里我的电脑并没有看到PicGo打开后的界面,CPU直接满了(
破电脑) - 然后就把各种程序关掉,重新双击PicGo图标,还是完全没有什么反应,任务栏也没东西
- 我网上搜了一下,没有看到相似内容,然后看了一下PicGo安装教程,有部分里面提到配置环境变量,就是在Path里面上%APPDATA%\picgo\data.json,
- 重新点击PicGo, 任务栏依然没反应,但是在桌面任务栏隐藏窗口里面发现了PicGo,
一开始任务管理器里面也没有picgo的身影,点开它,就跳出了picgo窗口 - 另外一个就是node.js版本需要8.0以上,我看了一下我的是12的,如果其他人遇到打不开的问题,可以注意一下
2. Github图床创建
- 新建一个用来放图片的库
在github首页点击+
new reporsitory
- Repository name 仓库名:自己填,填了之后不能修改
- Description:添加描述信息
- Public ,将仓库权限勾选为public,这样以后的图片地址才能在所有网页可以显示
- README文件,是对仓库的描述信息,最好勾上,自己写也可以
- 然后点击
Create repository
- 创建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图床,验证成功