Typora配置图床(windows10)

本文介绍了如何在Typora markdown编辑器中配置阿里云OSS作为图床,解决跨平台图片显示问题。通过安装PicGoCore,创建阿里云OSS Bucket,设置配置文件并获取accessKeyId和accessKeySecret,最终实现图片上传验证及正常使用。详细步骤包括每个环节的配置和测试,确保图片能够顺利上传并显示。
摘要由CSDN通过智能技术生成
一、为什么需要配置图床

​ 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目录中查看到图片文件。

七、图片添加水印

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值