除Gitee+PicGo方案外，后文还增加了免费图床和其它付费图床的推荐，如果感兴趣的话推荐阅读全文哦~

相关工具

Typora
PicGo

以下是正文：

Gitee+PicGo方案详解

参考教程：PicGo + Gitee(码云)实现Markdown图床——知乎[1] Node.js安装与配置详解——知乎 [2]

image.png

参考：Gitee 使用配额说明：https://gitee.com/help/articles/4125#article-header0

具体步骤
第一步：安装
1.首先下载好PicGo，下载地址见文末【相关工具】。
2.然后下载并安装一个Node.js，参考上面的安装Node.js的教程。安装好之后重启电脑
3.之后在PicGo里面搜索”Gitee”，下载前面那个即可。后面那个也会介绍具体配置内容，略有不同。
图床（Gitee PicGo） - 图2

第二步：建立gitee（码云）图床库

  • 在Gitee上新建一个仓库。选择【公开】仓库，勾选【使用Readme文件初始化这个仓库】，选择【单分支模型（只创建master分支）】，之后点击【创建】。

第三步：配置PicGo
注：如何获取token：【头像】->【设置】->【私人令牌】->【私人令牌描述】->仅勾选【projects】->【提交】->生成token，一定要在这时将其复制到插件中，因为它仅出现一次，忘记后需要重新生成。
对于gitee 2.0.3：
图床（Gitee PicGo） - 图3

  • owner：所有者，写上你的码云账号名，如果你不知道你的账号名，进入你刚才的仓库，浏览器url里面有。
  • repo：仓库名称，只要写上仓库名称就行，比如我自己的仓库blogImage。
  • path：写上路径，一般是img，这几个项都不用加“ / “符号。
  • token：刚才你获取的个人令牌，两个插件是通用的，如果你用了另一个再来用这个，它会自动读取另一个插件的部分配置，不用重新申请。
  • message：不用填。

对于gitee-uploader 1.1.2：

  • repo：用户名/仓库名称，比如我自己的仓库leonG7/blogImage，找不到的可以直接复制仓库的url。
  • branch：分支，这里写上master。
  • token：填入码云的私人令牌path：路径，一般写上img。
  • customPath：提交消息，这一项和下一项customURL都不用填。在提交到码云后，会显示提交消息，插件默认提交的是 Upload 图片名 by picGo - 时间。

最后，保存配置，然后设置为默认图床即可。

第四步：测试

  • 选择任意一张图片通过剪贴板、直接拖入或选择文件等方式上传。
  • 上传成功之后默认复制链接，可见其直接粘贴到markdown文档里面（也可以选择默认复制的格式，如Markdown格式、URL格式、HTML格式等）
  • 可以Typora + PicGo + Snipaste来使用，Typora写文档，Snipaste一键截图，PicGo一键上传图片返回链接。

第五步：在Typora中绑定PicGo实现自动上传图片到图床[3]
1.进入Typora->【偏好设置】->【插入图片时】选择【上传图片】->勾选【对本地位置的图片应用上述规则】
图床（Gitee PicGo） - 图4
2.【上传服务设定】中的【上传服务】选择【PicGo(app)】->【PicGo路径】PicGo的安装路径即可->最后点击【验证图片上传选项】
图床（Gitee PicGo） - 图5
3.出现下图的【验证成功】即可。
图床（Gitee PicGo） - 图6

免费图床

推荐的：
1、七牛云（缺点之一是30天后会回收测试域名，之后需要使用自己的备案域名）
2、SM.MS（完全免费）
不过由于免费的图床存储在别人那里，有风险，为了个人资源的安全，慎重使用免费图床[4]

免费图床盘点：盘点国内免费好用的图床——知乎[5] 七牛云教程：使用七牛云做图床——简书[6]


付费图床

阿里云OSS

参考教程：关于使用阿里OSS服务搭建图床和使用PicGO上传图片到图床——博客园[7] 如何使用阿里云OSS搭建图床？——简书[8]

具体步骤
第一步：开通OSS服务
1.阿里云OSS服务官方网址：aliyun.com/product/oss/

2.进入后点击【折扣套餐】：
图床（Gitee PicGo） - 图7

3.然后按照下图所示选择，然后点击【立即购买】：
图床（Gitee PicGo） - 图8

4.买好空间后，开始购买流量
价格详情参考：对象存储 OSS 详细价格信息——阿里云

5.选择【按量计费】

6.在控制台新建Bucket

第二步：使用PicGo上传图片
什么是PicGo？——一个用于快速上传图片并获取图片 URL 链接的工具
1.图床设置
图床（Gitee PicGo） - 图9

  • 设定Keyid（AccessKeyid）：从阿里云控制台获取。
  • 设定KeySecret（AccesskeySecret）：从阿里云控制台获取。
  • 设定存储空间名（Bucker）：就是Bucket的名字。
  • 确定存储区域（例如oss-cn-beijing）：如图所示

图床（Gitee PicGo） - 图10

  • 指定存储路径（例如img）：是存储图片的位置，要求以/结尾，就写”img”即可。
  • 设定网站后缀：可以不填。
  • 设定自定义域名：可以不填。

2.开始上传
在截图了之后，可以点击剪贴板图片上传，也可以使用快捷键快速上传剪贴板图片
图床（Gitee PicGo） - 图11
上传之后，会自动拷贝链接格式，粘帖得到的结果是链接格式。上面我们选择的是markdown，所以粘帖结果会是markdown引用图床图片的结果。

注意：
1.阿里云的对象存储计费是慢复杂的，而且不便宜。阿里云OSS计费由四个部分组成: 存储费用 + 流量费用 + 请求费用 + 数据处理费用。[9]请仔细阅读阿里云OSS的付费标准，它的空间不收费，但是流量是计费的，特别注意【外网流出流量】[10]价格是00:00-08:00（闲时）：0.25元/GB，8:00-24:00（忙时）：0.50元/GB。所以建议用阿里云OSS要搭配CDN，CDN 的流量费用便宜，OSS的直接流量费用太贵。或者直接就用sina图床等其它图床。[11]不过貌似sina图床已经无法再使用了。[12]
2.如果购买的是【标准存储包】，那么就不要创建【低频访问】的Bucket，否则前者是不能用来抵扣”标准”的Bucket的，将会产生大量的额外费用。[13]

腾讯云COS【推荐】

腾讯云COS有免费流量额度（50GB，6个月）

参考教程：使用 PicGo+腾讯云对象存储COS 作为图床 ——知乎[14] 配置腾讯云COS图床——CSDN[15]


自建图床

参考教程：国内自建图床指南——V2EX[16]


迁移图床

参考教程将图床从七牛云迁移到腾讯COS——知乎[17]


批量上传图片

参考教程：Typora批量上传图片——博客园[18]


Typora+PicGo的常见问题

参考教程： typora+picgo会发生的一些错误以及解决办法——CSDN[19]


参考

  1. ^PicGo + Gitee(码云)实现markdown图床 - LeonG的文章 - 知乎 https://zhuanlan.zhihu.com/p/102594554
  2. ^Node.js安装与配置详解——知乎 https://zhuanlan.zhihu.com/p/77594251
  3. ^Typora通过PicGo上传图片到OSS——语雀 https://www.yuque.com/ranh/dlyhrz/tools_typora_typora-picgo-oss-upload-pic
  4. ^搭建属于自己的图床（基于阿里云OSS，成本9元+20分钟） https://www.cnblogs.com/Testking/p/11964108.html
  5. ^盘点国内免费好用的图床——知乎 https://zhuanlan.zhihu.com/p/35270383
  6. ^使用七牛云做图床——简书 https://www.jianshu.com/p/43861cb8b121
  7. ^关于使用阿里OSS服务搭建图床和使用PicGO上传图片到图床——博客园 https://www.cnblogs.com/progor/p/9850514.html
  8. ^如何使用阿里云OSS搭建图床？——简书 https://www.jianshu.com/p/6ffac2a05eec
  9. ^markdown博客图床上传的艰辛之路——博客 https://wdd.js.org/the-hard-way-of-markdown-insert-images.html
  10. ^OSS计费标准中，外网流出流量是指什么——阿里云·开发者社区 https://developer.aliyun.com/ask/230859?spm=a2c6h.13524658
  11. ^请教大家图片大小多少合适？一篇文章 7 张图，共 2.62M， OSS 一天外网流出流量超过 5G？正常吗？——V2EX https://www.v2ex.com/t/514717
  12. ^可以把新浪微博作为图床使用吗？——知乎 https://www.zhihu.com/question/19876644/answer/616557530
  13. ^用了一年多之后才搞懂阿里云OSS收费细则——博客园 https://www.cnblogs.com/guogangj/p/12123211.html
  14. ^使用 PicGo+腾讯云对象存储COS 作为图床 ——知乎 https://zhuanlan.zhihu.com/p/119250383
  15. ^配置腾讯云COS图床——CSDN https://blog.csdn.net/amnesiagreen/article/details/104300350
  16. ^国内自建图床指南——V2EX https://v2ex.com/t/650726
  17. ^将图床从七牛云迁移到腾讯COS——知乎 https://zhuanlan.zhihu.com/p/49081556
  18. ^Typora批量上传图片 https://www.cnblogs.com/zenglintao/p/12876725.html
  19. ^typora+picgo会发生的一些错误以及解决办法 https://blog.csdn.net/qq754772661/article/details/111385955