COS+Piclist 搭建图床

预计不打算在本地使用内网穿透了，因此想把图床进行迁移一下到COS。

创建存储桶

登录腾讯云账号，创建一个访问权限为公有读私有写的存储桶

注意：公有读私有写会加大你的流量支出，可能遇到恶意访问，使用你的资源。
可以使用cdn加速来解决过高的流量费。

记下 存储桶名称 和 访问域名 以及 所属地区（英文）

配置项

{
  "_configName": "", // 图床配置名
  "secretId": "",
  "secretKey": "",
  "bucket": "", // 存储桶名，v4和v5版本不一样
  "appId": "", // 例如1250000000
  "area": "", // 存储区域，例如ap-beijing-1
  "path": "", // 自定义存储路径，比如img/
  "customUrl": "", // 自定义域名，注意要加http://或者https://
  "version": "v5" | "v4", // COS版本，v4或者v5
  "options": "", // 网站后缀，比如?imageMogr2/thumbnail/500x500
  "slim": boolean // 是否开启极智压缩
}

填写piclist 配置

• COS 版本：选择 COS v5。

  • 设定 Secretld：开发者拥有的项目身份识别 ID，用于身份认证，可在 API 密钥管理 页面中创建和获取你的secretId,secretKey和appId。

  • 设定 SecretKey：开发者拥有的项目身份密钥，可在 API 密钥管理 页面获取。

  • 设定 Bucket：填写存储桶名称，COS 中用于存储数据的容器。有关存储桶的进一步说明，请参见 存储桶概述 文档。

  • 设定 AppId：开发者访问 COS 服务时拥有的用户维度唯一资源标识，用以标识资源，可在 API 密钥管理 页面获取。

  • 设定存储区域：存储桶所属地域信息，枚举值可参见 可用地域 文档，例如 ap-beijing、ap-hongkong、eu-frankfurt 等。

  • 设定存储路径：图片存放到 COS 存储桶中的路径。

  • 设定自定义域名：可选，若您为上方的存储空间配置了自定义源站域名，则可填写。相关介绍可参见 开启自定义源站域名。

  • 设定网址后缀：通过在网址后缀添加 COS 数据处理参数实现图片压缩、裁剪、格式转换等操作，相关介绍可参见 图片处理。

bucket & area

访问https://console.cloud.tencent.com/cos/bucket，可创建bucket和查看到你的bucket列表和对应的存储区域。

bucket的格式为 bucketname-appId，其中 appId与上面的 appId对应。

腾讯云官方文档地域和访问域名 可以参考下表查询代码。

提示

APP内填写的存储区域是区域代码，不是实际中文名称。

存储区域	区域代码
北京一区	ap-beijing-1
北京	ap-beijing
南京	ap-nanjing
上海	ap-shanghai
广州	ap-guangzhou
成都	ap-chengdu
重庆	ap-chongqing
深圳金融	ap-shenzhen-fsi
上海金融	ap-shanghai-fsi
北京金融	ap-beijing-fsi
中国香港	ap-hongkong
新加坡	ap-singapore
孟买	ap-mumbai
雅加达	ap-jakarta
首尔	ap-seoul
曼谷	ap-bangkok
东京	ap-tokyo
硅谷（美西）	na-siliconvalley
弗吉尼亚（美东）	na-ashburn
多伦多	na-toronto
圣保罗	sa-saopaulo
法兰克福	eu-frankfurt
莫斯科	eu-moscow

path/存储路径

存储路径为可选项，如果不填写，则默认存储在bucket的根目录下。

例如填写 images/test/，则文件将存储于对应的test目录下。

customUrl/自定义域名

注意

注意要加 http://或者 https://

自定义域名为可选项，如果不填写，则在复制链接、预览图片等操作时，将使用腾讯云的默认外网域名。

例如文件 test.jpg 存储于目录 images/test/ 下，bucket名称为 test-1250000000 ，存储区域为 ap-beijing ，则默认外网域名为 test-1250000000.cos.ap-beijing.myqcloud.com ，文件访问地址为 https://test-1250000000.cos.ap-beijing.myqcloud.com/images/test/test.jpg 。

而如果填写了自定义域名，则文件的外网访问地址为 http://自定义域名/images/test/test.jpg。

options/网站后缀

腾讯云提供了图片处理功能，一般用于图片的裁剪、缩放、旋转、水印等操作。

使用方法：在文件的外网访问地址后面加上网站后缀，例如 https://test-1250000000.cos.ap-beijing.myqcloud.com/images/test/test.jpg?imageMogr2/thumbnail/500x500。

piclist 自定义粘贴配置

settings.json

    "piclist.customType": "<div class=\"image-preview\">\n   <img src=\"$url\" style=\"width: 100% !important;\"/>\n</div>",
    "piclist.copyType": "custom",