图床及typora配置图床（gitee+picgo）

零 序
一 图床
1 图床的作用
2 图床都有哪些
3 图片上传工具
如果只是单纯使用图床：
如果配置了图片上传工具：
二 实操
1 typora+gitee+picgo
1.1 gitee
0 注册gitee账号
1 创建一个仓库
2 设置仓库
3 创建私人令牌
1.2 typora
0 安装略
1 配置
2 安装picgo
3 typora配置验证
1.3 picgo
0 安装
1 picgo
2 安装gitee插件
3 picgo配置gitee
4 picgo配置验证
2 typora + github+picgo
2.2 github
3 typora + 七牛 + picgo
3.2 七牛
4 typora + 自建图床 + 自建图片上传工具
4.1 自建图床
4.2 自建图片上传工具

零 序

• win10环境
• typora+gitee+picgo
• 2021年10月13首发
• 千山踏飞雪，秋水共长天
• ps：我又回来了

一 图床

1 图床的作用

图床：图片服务器，可以使多类型、多类别的文档、博客使用的图片地址唯一。（及图床可以可每个图片生成一个url，这样本地编辑完的文章，复制到任何博客，都不会出现找不到图片的情况）

2 图床都有哪些

• 阿里云oss、腾讯云cos
• 七牛图床、又拍云图床
• imgur图床、sm.ms图床
• github、gitee
• 自建图床（lychee）

3 图片上传工具

图床和markdown的桥梁（图片上传工具，通常还会有图片管理功能）

• picgo （window环境, 支持阿里、腾讯、七牛、又拍云、imgur、sm.ms、github、gitee(需要安装插件)）
• iPic (macOS, Freemium)
• uPic (macOS, OpenSource)
• 其它脚本

如果只是单纯使用图床：

在本地写一篇文章用到A图片：

1. A图片（截图、url等）上传到图床
2. 在图床那边获取A图片上传后的 线上url
3. 将2中的url复制到自己的文章中

如果配置了图片上传工具：

直接在文章中插入截图，图片自动上传到图床

二 实操

1 typora+gitee+picgo

1.1 gitee

0 注册gitee账号

https://gitee.com/

略

1 创建一个仓库

2 设置仓库

• 仓库名
• 开源（重要）
• 复制repo（用户名+仓库名）

3 创建私人令牌

个人头像下拉 —— 设置—— （右侧）私人令牌 ——生成新令牌——

1. 填写该令牌的名称
2. 默认全选，（可只勾选projects）提交
3. 复制下 token （重要，只出现一次，忘记只能重新生成）

1.2 typora

0 安装略

1 配置

文件 —— 偏好设置——图像

2 安装picgo

文件 —— 偏好设置——图像

1. 先下载picgo （可自定义安装）
2. 配置picgo路径

3 typora配置验证

（重要）先跳到picgo，操作完再回来

文件 —— 偏好设置——图像 ——点击验证图片上传选项

1.3 picgo

0 安装

https://github.com/Molunerfin...略

1 picgo

安装完——运行picgo——（右下角托盘）picgo点出详情界面

2 安装gitee插件

插件设置 —— 输入gitee ——点击安装（安装完成，在图床设置里面会多出来一个gitee选项）

ps：不知道是不是picgo自定义安装的缘故，我这边点安装一直没反应。

换个安装法：手动安装，在c:/用户/用户名/AppData/Roaming/picgo这个目录下,以管理员身份打开powershell（或cmd； 文件——以管理员打开ps——输入npm install picgo-plugin-gitee-uploader命令 ——重启picgo即可）

3 picgo配置gitee

配置好，确定即可。

ps：path可随时变更。如无要求，可将所有文章图片都放在一个文件夹下，比如（imgs）。倘若要做分类

比如有三篇文章1、 2、 3；即写对应文章时，只要修改path为：

imgs/article/note1

imgs/article/note2

imgs/article/note3

即可。

4 picgo配置验证

在上传区，上传一张图片试试（多种上传方式）

ps： 快捷上传中的剪贴板图片，需要先alt+a（微信剪切快捷键）一张图片

ps2： 如果上传失败，请认真仔细从头细度本实操文档

ps3：上传报错： StatusCodeError: 404 - {"status":"404","error":"Not Found"}

很可能是repo配置错误

ps4：上传日志路径：c:/用户/用户名/AppData/Roaming/picgo路径下的picgo.log

2 typora + github+picgo

2.2 github

其实同gitee差不多。

github可能会被墙，需要cdn加速（免费：https://www.jsdelivr.com/）。

picgo原生支持github配置，不需要安装插件

3 typora + 七牛 + picgo

3.2 七牛

早前注册试用了一下，（似乎需要自己申请一个域名，有免费空间）

4 typora + 自建图床 + 自建图片上传工具

4.1 自建图床

图床好搭（用docker搭了个lychee，ps：不要映射目录），甚至可以自己做个微服务

4.2 自建图片上传工具

写一个typora自动上传图片到自己图床的脚本，待研究

三、 使用

本文即在typora+gitee+picgo后的第一篇文章。

早先都是使用typora+asserts(本地存储)

图片有两种上传模式：

• 所有图片直接上传：格式——图像——上传所有 （未尝试）
• 截一张、贴一张、上传一张

1. 直接截一张图
2. 在文档中ctrl+v
3. 点击上传图片
4. 如果忘记上传，可再次右击该图片进行上传

最后测试

四、总结

• 图床、图片上传工具、typora之间的联系
• typora+gitee+picgo使用详解
• github、七牛使用简介