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 + ，）-> 图像 -> 上传图片 这样我们插入图片时候就会自动上传到图床了不用手动进行，我还是建议手动选择，确定后再传避免图床上的垃圾图片过多。
网友评论