Typora+PicGo+腾讯COS图床

Typora+PicGo+腾讯COS图床

目的背景

因为经常使用 Markdown 编辑器写一些博客文章，但是目前大部分md编辑器对于插入本地图片不太友好。例如有道笔记需要会员才能方便插入本地图片，等在线编辑器则需要联网后图片上传到网站服务器后展示。当前解决这个问题方式比较多是自己创建一个云图床（图床就是专门用来存放图片，同时允许你把图片对外连接的网上空间），将我们需要放到md文章的图片先上传到指定图床。然后获取图床上图片对应的url链接信息，插入咱们的文章中展示。从过程上看还是比较麻烦，也失去了我们使用md语法写文章追求的简洁明了目的。所以今天分享内容就是，通过配置实现Typora编写文章时，插入的本地图片自动上传图床服务器，减少我们人为参与，让我们专注于写作本身。

工具简介

Typora

• Typora是一款跨平台的Markdown编辑器软件，拥有Windows、macOS客户端。Typora支持markdown的标准语法，同时这款软件还支持动态预览功能，一键预览。

• Typora支持代码块的语法高亮，对于表格、数学公式这些 MD 里比较难以输入的元素，Typora 也提供了相当方便的辅助;支持键盘快捷键;也提供了导出 Markdown 到 HTML 和 PDF 的功能。

• 极简的设计风格，完美契合了Markdown使用理念，没有过多花里胡哨功能以及界面，软件体积小流畅性好，简单不失强大。

• 官网地址

PicGo

• PicGo 是一款比较优秀的图床工具（图传工具就是可以方便我们上传图片到图床的客户端工具）。可以支SM.MS，腾讯云COS，GitHub，七牛云，imgur ，，阿里云OSS又拍云等7种常用图床。
• 界面简洁，操作方便，有一些很实用插件支持。例如，上传图片后自动复制网址到剪贴板的，水印插件等都很实用。
• GitHub地址

腾讯COS

• 官方说明：对象存储（Cloud Object Storage，COS）是由腾讯云推出的无目录层次结构、无数据格式限制，可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限，无需分区管理，适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。

工具配置

创建腾讯COS云图床

1、登录腾讯云对象存储控制台

2、创建存储桶

• 注意访问权限选择公有读私有写，否则图片无法读取，其他的根据要求填写就可以。 地域离你访问位置越近越好。

image-20210926014657580.png

image-20210926014858254.png

3、获取 APPID、SecretId和SecretKey 信息

• 点击右上角的头像 -> 访问管理 -> 访问密钥 -> API密钥管理

image-20210926015356040

配置Typora中PicGo

1、下载更新 PicGo

• 打开Typora -> 文件 -> 偏好设置（快捷键 Ctr + ，）-> 图像 -> 选择命令行方式 -> 下载或更新

image-20210926020027132.png

2、配置文件更新

• 打开Typora -> 文件 -> 偏好设置（快捷键 Ctr + ，）-> 图像 -> 选择命令行方式 -> 打开配置文件
• 参考配置如下

{
    "picBed": {
        "current": "tcyun",
        "tcyun": {
            "secretId": "你的secretId信息",
            "secretKey": "你的secretKey信息",
            "bucket": "存储桶名-1257902742",
            "appId": "你的信息",
            "area": "ap-beijing",
            "path": "blogs_image/",
            "customUrl": "https://存储桶名-1257902742.cos.ap-beijing.myqcloud.com",
            "version": "v5"
        }
    },
    "picgoPlugins": {}
}

• 配置的信息可以在腾讯云中查看

  customUrl 可以点击配置管理中访问域名查看，path是我们自动上传的图片位置

image-20210926020911613

image-20210926021109079.png

3、测试图片上传

• 打开Typora -> 文件 -> 偏好设置（快捷键 Ctr + ，）-> 图像 -> 选择命令行方式 -> 验证图片上传选项
• 提示成功后我们就可以去图床上检查一下图片存在情况了，到这里就配置完成了。

image-20210926021407801

image-20210926021524628

使用演示

手动上传

• 打开Typora -> 文件 -> 偏好设置（快捷键 Ctr + ，）-> 图像 -> 选择插入图片时无特殊操作
• 当我们文章中插入本地图片或者复制的截图时，可以在插入后右键选择上传图片，上传之后我们就会发现图片的路径信息变成了url

image-20210926021929958

image-20210926022318521

自动上传

• 打开Typora -> 文件 -> 偏好设置（快捷键 Ctr + ，）-> 图像 -> 上传图片 这样我们插入图片时候就会自动上传到图床了不用手动进行，我还是建议手动选择，确定后再传避免图床上的垃圾图片过多。

因为腾讯COS会产生一定费用，大家也可以使用一些免费的图床工具，比如：sm.ms,配置的方式与此类似都是获取秘钥进行配置即可