工作中很多人使用 vscode 来编写 markdown 文件,但插入图片时很不方便,本文介绍如何在 vscode 中使用腾讯云对象存储 COS 作为图床编写文档,其中会使用 PicGo 插件。
登录腾讯云控制台后访问存储桶管理页面,我们在这里创建一个存储桶。
在这个页面时要注意以下几点:
使用插件自动上传图片需要配置一个密钥供插件使用。访问https://console.cloud.tencent.com/cam/capi,新建密钥。生成的密钥如下图:
在 vscode 上搜索并安装 PicGo 插件,如下图:
在设置中搜索 PicGo,并进行配置。
主要配置如下:
最后生成的配置在 settings.json 是:
"picgo.picBed.tcyun.area": "ap-guangzhou", "picgo.picBed.tcyun.bucket": "test-1251603849", "picgo.picBed.tcyun.secretKey": "NYaRkz1t***********D7pUzcU7", "picgo.picBed.tcyun.secretId": "AKIDtawf************HpElsKd", "picgo.picBed.current": "tcyun", "picgo.picBed.tcyun.appId": "1251603849", "picgo.picBed.tcyun.path": "test/vsautouplods/", "picgo.picBed.tcyun.customUrl": "https://test-1251603849.cos.ap-guangzhou.myqcloud.com",注意: picgo.picBed.tcyun.path 没有办法在配置表单中配置,可能是插件的 bug,文件会直接上传到桶的根目录,如要设置子目录,就需要手工修改 settings.json 文件。
使用剪切功能在剪贴板上生成一个图片,在 md 文档中按 Option+Command+U(mac)或者 Ctrl+Alt+U(windows)组合键,会自动在文档中生成图片的 markdown 格式的 URL,如下图:
在 md 文档中按 Option+Command+E(mac)或者 Ctrl+Alt+E(windows)组合键,会打开一个 finder 或者 explore 窗口让您选择一个图片,确认后自动在文档中生成图片的 markdown 格式的 URL。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。