Typora图床配置

博客搭建
留言

Typora图床配置

一、开通阿里云对象存储

阿里云对象存储页面

之后购买资源包和新建bucket即可，我所使用的是本地冗余的低频访问存储，因为这个便宜一些，主要是因为我的博客图片量比较少，访问频率不大。

具体阿里云方面的配置参考Typora+PicGo+阿里云OSS实现图片上传功能

二、Typora配置

如下图所示

1、在图像->插入图片时可以选择在插入图片时先将图片拷贝到某一个位置，然后可以根据需要对其进行重命名(有关于此见暂未解决的问题1)，然后右键上传图片即可

2、在图像->上传服务设定可以设置上传服务，下图中选用PicGo-Core（因为上传图片使用命令行而不是后台常驻进程，减少系统资源消耗），选择完毕之后点击下载或更新可以自动安装；安装完毕之后选择打开配置文件

Typora图床配置

3、配置文件配置如下所示

text
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
  "picBed": { // 图床的配置
    "uploader": "aliyun", // 图床类型的选择，这里选择阿里云
    "aliyun": {
      "accessKeyId": "xxxxxxxxxx",  // 图床的访问ID
      "accessKeySecret": "xxxxxxxxxx", // 图床的访问密钥，具体设置参考 一、开通阿里云对象存储
      "bucket": "bucket_name",  // bucket名字
      "area": "oss-cn-beijing", // bucket地区
      "path": "hexo-blog/", // bucket内部文件夹
      "customUrl": "delta1037.oss-cn-beijing.aliyuncs.com", // 外网访问bucket域名
      "options": ""
    }
  },
  // PicGo插件相关配置，后续介绍
  "picgoPlugins": {
    "picgo-plugin-rename-file": true
  },
  "picgo-plugin-rename-file": {
    "format": "{localFolder:1}-{origin}"
  }
}

三、PicGo相关插件

插件的安装需要系统中安装nodejs；以下安装插件命令的执行在PicGo的配置文件夹中(例如C:\Users\delta1037.picgo，在此文件中打开Powershell窗口即可)

3.1 picgo-plugin-rename-file

shell或者Powershell中执行安装命令

text
1
npm i picgo-plugin-rename-file

相应的配置解释如下

text
1
2
3
4
5
6
7
// PicGo插件相关配置
"picgoPlugins": {
    "picgo-plugin-rename-file": true // 控制插件的打开与关闭
},
"picgo-plugin-rename-file": {
    "format": "{localFolder:1}-{origin}" // 上传图片时图片的重命名格式
}

具体的重命名格式参照github项目主页

暂未解决的问题

  • 1、拷贝到Typora的图片不可以右键重命名（需要先粘贴图片，打开图片位置，重命名，修改Typora中对应的名字步骤，及其繁琐，等待后续Typora更新），相应的issue
  • 2、阿里云设置防盗链之后，Typora上传图片之后无法正常显示