Typora+Gitee+PicGo实现Markdown文档图片上传

Typora+Gitee+PicGo实现Markdown文档图片云端存储

为什么要把图片存储到云端

Markdown文档编写便捷、高效，其布局简约不失优雅。但是，Markdown文档只能编写文字信息，不能存储实体图片文件，只能保存图片的引用地址。因此编写的文档，不便于传阅和上传博客平台。

配置操作

Gitee

新建公开的gitee仓库

这里注意:

1. git仓库需要设置：开源（所有人可见），我这里没办法直接选
   如需创建公开仓库，请在创建仓库后通过「仓库设置」修改为公开
2. Git仓库需要初始化才能使用

创建好公开的gitee仓库以后可以获取到仓库的地址https://gitee.com/tangs_top/imgstorage

其中域名https://gitee.com/后面的tangs_top/imgstorage是需要用到的

PicGo配置

安装PicGo程序

到官网下载Node.js安装包并安装

到官网下载PicGo安装包并安装

安装gitee-uploader插件

• 打开PicGo,找到插件设置

• 搜索gitee

• 找到gitee-uploader并安装该插件(这里我已经安装过了)

配置PicGo

在图床设置中找到gitee

• repo：用户名/仓库地址

  • tangs_top/imgstorage

• branch：仓库分支

  • master

• token： 私人令牌

  • 获取方法：设置 ==> 私人令牌 ==> 生成新令牌 => 选择projects(查看、创建、更新你的项目) ==> 提交

    

    

• path：仓库中的存储目录

  • 建议在仓库中新建目录存储,

    

• customPath：提交信息

  • 建议选择年月

• customUrl

  • 可不填

• 确认,设为默认图床

配置好以后是这个样子

• 测试图片上传是否可用

  

  在上传区上传图片,上传成功/失败，window都会有消息提醒

  

  出现这样的提醒,说明图片上传成功了

配置Typora

配置图床

Typora编辑器中配置

文件 ==> 偏好设置 ==> 图像

在上传服务设定中设置

• 上传服务：PicGo（app）

• PicGo路径：PicGo安装路径，选择安装路径下面的PicGo.exe程序

• 点击验证图片上传选项

  

  上传成功,即可使用

• 使用方法：粘贴图片到文档中,右键图片，上传图片

  • 

配置粘贴后自动上传…

设置插入图片时…：上传图片

附件

附件下载