图床好活之：Typora + 阿里云OSS + PicGo

前言

最初遇到Markdown管理图片的鸡肋点是多设备间图片同步问题：手上有了两台PC，用OneDrive同步两台PC之间的Markdown文件时出现了图片无法显示的情况，原因是图片保存在了某一台PC的本地，其路径对于另外一台PC是无效的，因而导致在另一台PC看到这份Markdown时图片是无法显示的。起先尝试过将图片一并放在OneDrive上试图统一两台PC的图片路径，然而此方法过于鸡肋最终放弃。最终决定配置图床的导火线是在我决定输出文章时，文章大量的图片无法直接导入到各平台编辑器，需要很鸡肋地对文章所有图片进行本地保存然后再上传至平台，至此，玻璃心的我再也蚌埠住了，着手解决问题。

Typora

Typora是我最心仪的Markdown编辑器没有之一，其优点不在此处再三赘述；接下来的配置步骤全都是围绕着Typora的配置文件而设置，Typora版本为0.11.0。

配置步骤：

1. 打开Typora，点击菜单栏“文件”，进入“偏好设置”；

2. 点击左侧菜单栏的“图像”，参考下图配置（注：选择PicGo-Core后需要点击“下载或更新”来为本地装配PicGo-Core）；

   

3. 到此步骤时，Typora的配置工作可以稍微歇歇，接下来转战阿里云为上面提到的配置文件找全信息，配置文件（未补全信息时）可参考以下模板：

   {
     "picBed": {
       "uploader": "aliyun",
       "aliyun": {
       "accessKeyId": "",
       "accessKeySecret": "",
       "bucket": "", // 存储空间名
       "area": "", // 存储区域代号
       "path": "img/", // 自定义存储路径
        "customUrl": "", // 自定义域名，注意要加 http://或者 https://
        "options": "" 
       }
     },
     "picgoPlugins": {}
   }

阿里云OSS

1. 进入阿里云官网：阿里云-上云就上阿里云，注册登陆；

2. 将鼠标移至页面顶部菜单的“产品”处，二级菜单展开后点击“对象存储OSS”；

   

3. 进入控制台（若未开通对象存储OSS服务则点击立即开通，简单点几下就搞定）；

   

4. 用不到一杯奶茶的钱买个资源包；

   

5. 点击左侧菜单栏“Bucket列表”，随后点击“创建Bucket”；

   

6. 创建Bucket，根据图中配置即可（后期根据需要可以再修改，图片没截到的部分直接保持默认的选项即可）；

   

7. Bucket创建完毕，将部分信息填入配置文件，如下图所示（红框内容）；

   

   {
     "picBed": {
       "uploader": "aliyun",
       "aliyun": {
       "accessKeyId": "",
       "accessKeySecret": "",
       "bucket": "test20211007", // 存储空间名
       "area": "oss-cn-beijing", // 存储区域代号
       "path": "img/", // 自定义存储路径,可以不修改
        "customUrl": "http://test20211007.oss-cn-beijing.aliyuncs.com", // 自定义域名
        "options": "" 
       }
     },
     "picgoPlugins": {}
   }

8. 随后添加“访问控制”子用户，将鼠标移至个人头像处即可看到入口；

   

9. 参考图中内容创建用户，创建完毕后填写AccessKey ID 和 AccessKey Secret至配置文件即可；

   

   

再回到Typora

把accessKeyId，accessKeySecret，bucket，area，customUrl都填完后就可以将模板替换Typora默认的配置文件，具体步骤为：

1. 打开配置文件，用填好上述信息的模板内容替换原始内容（Ctrl + A, C, V）；

2. 点击“验证图片上传选项”，出现图中内容则意味着配置成功。

   

此时再将图片粘贴至Typora中，会发现图片地址会转换为在线地址：

至此，图床配置完毕，大功告成。

参考

• 阿里云OSS PicGo 配置图床教程 超详细 - 知乎