Typora配置图床(windows10)

13
四月
2021

Typora配置图床(windows10)

一、为什么需要配置图床

​ Typora是一个跨平台的markdown编辑器,使用markdown编辑器写文章优点是排版简洁,痛点则是无法像Word那样直接嵌入图片,插入的图片实际上插入的是图片的路径(可以是本地路径也可以是网络路径)。我习惯使用Typora写文档,写好的文档中如果有图片转移到博客中就会找不到,这是因为Typora中的图片默认存放在本地中的,如果想要跨平台则需要配置图床,即使用图片的网络路径。我使用的图床是阿里云的OSS(对象存储服务),其他的图床也可以,但是阿里云毕竟更加稳定,安全。

二、具体实施步骤

  1. 安装Typora,尽量安装高版本,至少需要支持图片上传服务。(很简单)
  2. 安装PicGo Core(command line),
  3. 注册阿里云,开启对象存储服务,半年5块钱,一顿早餐而已。
  4. 阿里云OSS创建Bucket
  5. PicGo Core (command line)配置
  6. 测试

三、安装PicGo Core(command line)

打开Typora,偏好设置,选择PicGo Core(command line),然后下载或更新,很慢,有条件可以使用梯子,会快一点。image-20210413111440177

四、阿里云OSS创建Bucket

  1. 创建Bucketimage-20210413110622510
  2. Bucket创建好后,进入Bucket创建一个目录存放图片image-20210413110909087

五、PicGo Core (command line)配置

重新进入“偏好设置”中的“图片”,点击“打开配置文件”,这个配置文件是一个 json 文件,会自动使用电脑中默认打开 json 文件的编辑器打开,可以随意选择一个IDE打开,我直接使用IDEA打开编辑。image-20210413115947739

打开配置文件后,复制下面的代码,按要求修改,保存即可

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
    "accessKeyId": "",
    "accessKeySecret": "",
    "bucket": "", // 存储空间名
    "area": "", // 存储区域代号
    "path": "picBed/", // 自定义的存储路径,在Bucket中已创建
    "customUrl": "", // 自定义域名,注意要加 http://或者 https://
    "options": "" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
    }
  },
  "picgoPlugins": {}
}

1.获取accessKeyIdaccessKeySecret

image-20210413120348544

2.回到OSS存储,点击创建的Bucket,然后点击“概览“image-20210413121300126

3.提供我的配置作为参考

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
      "accessKeyId": "XXXXXXX",
      "accessKeySecret": "XXXXXXX",
      "bucket": "XXXXXXX",
      "area": "oss-cn-shenzhen",
      "path": "picBed/",
      "customUrl": "http://XXXXXXX.oss-cn-shenzhen.aliyuncs.com",
      "options": ""
    }
  },
  "picgoPlugins": {}
}

六、测试

1.点击"验证图片上传选项"测试,是否将图片成功上传。如果OK没问题,那就可以开启愉快地写作之旅了。

image-20210413121835646

2.如果出现验证失败,(这里我就不贴图了,失败挺显眼)我们可以先尝试拿一张图片上传进行测试,如果继续报错,则大概率是配置文件编写有问题,建议仔细查看,如果可以返回图片的网络路径则证明没有问题,已经可以正常使用。上传成功后可以在阿里云Bucket中的picBed目录中查看到图片文件。

七、图片添加水印

关于如何加水印,官方文档比我说的清楚多了,请移步图片水印

TAG

网友评论

共有访客发表了评论
请登录后再发布评论,和谐社会,请文明发言,谢谢合作! 立即登录 注册会员