VsCode+PicGO+腾讯云实现快速上传markdown图床

2020.07.22

简介

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

在使用Markdown的过程中,目前加载图片有如下几种方法:

  1. 磁盘路径
    • 缺点:切换了图片存储地址,图片无法加载。
    • 所以不考虑。
  2. 第三方图床(SM.MS、iPic等)
    • 优点:免费
    • 缺点:不稳定性,突然某一天停止服务,将是巨大的损失(例如微博图床)。
  3. 对象存储(阿里云、腾讯云、七牛云等)
    • 优点:稳定、加载速度快。
    • 缺点:收费。(七牛云有免费的存储空间)

主题

今天我们就使用VsCodePicGO插件腾讯云实现自动上传图片并返回链接。

腾讯云价格便宜,10GB空间一年9元,100万次访问1元,所以成本很低,新用户6个月50GB免费试用。

效果如下:

gif001

搭建步骤1:注册腾讯云对象存储

  1. 登录或注册腾讯云(第一次使用先实名认证)

    打开腾讯云官网,使用微信或QQ注册/登录。
    20200722195007

  2. 打开对象存储页面,点击立即使用
    20200722195146

    20200722195256

  3. 创建存储桶

    • 填写名称:随便起名即可
    • 选择区域:不同的区域价格不同
      20200722195709
    • 访问权限:公有读私有写

    填写完毕后进行创建,如图所示。
    20200722195900

  4. 配置管理

    找到如下内容,记录,后期需要使用:

    • 空间名称、地域
      20200722200220
    • 密钥信息APPID、SecretId、SecretKey
      20200722200259
      20200722200504

搭建步骤2:安装VsCode

Visual Studio Code :一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。

它也是我用来编写markdown格式的主要软件。

官网下载:链接
20200722200809
下载后一步一步安装即可。

搭建步骤3:安装配置PicGO插件

  1. Vscode扩展中搜索PicGO,然后点击安装
    20200722200955

  2. 配置内容:打开:文件>首选项>设置>扩展,打开PicGO
    20200722201240

  3. 下拉框中选择Tcyun。

  4. 将腾讯云记录的内容设置到PicGO插件中:

  • APPID

  • Area:所属地区

  • Bucket:存储空间名称

  • Path:不设置会将图片上传到根目录

  • Secret ID

  • Secret Key

  • Version:V5
    20200722201523

  • 操作快捷键

系统上传剪切板图片上传本地图片
Windows/UnixCtrl + Alt + UCtrl + Alt + E
OsXCmd + Opt + UCmd + Opt + E