vscode 设置maven 配置文件_git

工作中很多人使用 vscode 来编写 markdown 文件，但插入图片时很不方便，本文介绍如何在 vscode 中使用腾讯云对象存储 COS 作为图床编写文档，其中会使用 PicGo 插件。

01

配置腾讯云 COS 存储桶

登录腾讯云控制台后访问 https://console.cloud.tencent.com/cos5/bucket，就到了存储桶管理页面，我们在这里创建一个存储桶。

vscode 设置maven 配置文件_python_02

在这个页面时要注意以下几点：

  1. 名称为存储桶的名字，在配置时使用，此例用 test，系统会自动加上您的 appid 生成完整的桶名。
  2. 所属地域这个选择后，请求的域名会随之变化，比如说选择了“广州”后，访问域名会变成*.cos.ap-guangzhou.myqcloud.com
  3. 如果做图床，一般选择公有读私有写。

02

配置密钥

使用插件自动上传图片需要配置一个密钥供插件使用。访问https://console.cloud.tencent.com/cam/capi，新建密钥。生成的密钥如下图：

vscode 设置maven 配置文件_python_03

03

安装 PicGo 插件

在 vscode 上搜索并安装 PicGo 插件，如下图：

vscode 设置maven 配置文件_javascript_04

04

配置插件

在设置中搜索 PicGo，并进行配置。

vscode 设置maven 配置文件_git_05

主要配置如下：

  1. Picgo › Pic Bed: Current，选择"tcyun"，即腾讯云。
  2. Picgo › Pic Bed › Tcyun: App ID，设置为您的 App ID，为一串数字。
  3. Picgo › Pic Bed › Tcyun: Area，您的存储桶所在区域，在创建存储桶时提供，如“ap-guangzhou”
  4. Picgo › Pic Bed › Tcyun: Bucket，存储桶的名称，一般是桶名+“-”您的 appid，如“test-1251603849”
  5. Picgo › Pic Bed › Tcyun: Custom Url，文件访问的 url，这里直接填请求域名，如本例是“https://test-1251603849.cos.ap-guangzhou.myqcloud.com”
  6. Picgo › Pic Bed › Tcyun: Secret ID，在上面生成密码时生成
  7. Picgo › Pic Bed › Tcyun: Secret Key，在上面生成密码时生成
  8. Picgo › Pic Bed › Tcyun: Version，使用默认的 v5 就行了

最后生成的配置在 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 文件。

05

使用方法

  • 使用剪贴板中的图片

使用剪切功能在剪贴板上生成一个图片，在 md 文档中按 Option+Command+U（mac）或者 Ctrl+Alt+U（windows）组合键，会自动在文档中生成图片的 markdown 格式的 URL，如下图：

vscode 设置maven 配置文件_javascript_06

  • 使用 finder 或者 explore 上传一个图片

在 md 文档中按 Option+Command+E（mac）或者 Ctrl+Alt+E（windows）组合键，会打开一个 finder 或者 explore 窗口让您选择一个图片，确认后自动在文档中生成图片的 markdown 格式的 URL。

vscode 设置maven 配置文件_javascript_07