typora自动上传图片

前言

typora最新版有了自动上传图片的插件,比以前那个插件好用。在本地插入图片后,虽然显示的相对路径(我设置的),但是在博文发到博客时,就把我的图片上传到github。

github访问速度不稳定,哎原因不需要我BB了,下面我用的是PicGo-Core插件。
其实也可以用码云来托管。
typora自动上传图片_第1张图片

github图床配置

  1. 打开你的github,创建仓库:
    typora自动上传图片_第2张图片

  2. 点击右上角你的头像中有Settings:

typora自动上传图片_第3张图片

  1. 然后跳到Settings,看图操作:

typora自动上传图片_第4张图片

  1. 创建token:
    typora自动上传图片_第5张图片
    在Note自定义名称,然后选中Select scopes中的第一个repo就行
    typora自动上传图片_第6张图片

  2. 最后拉到最下面,创建。
    typora自动上传图片_第7张图片

  3. 然后就跳转页面,就生成一串token,不要关闭此页面,放着。

typora自动上传图片_第8张图片

这个token第一次会显示出来,第二次就不会显示,得点进去,重新生成。

在这里插入图片描述

typora自动上传图片_第9张图片

安装Picgo-Core

按照下面的四个步骤,先选中,再安装下载,然后需要配置:

typora自动上传图片_第10张图片

配置文件:一般该用户名和仓库名,还有token即可

{
  "picBed": {
    "github": {
      "repo": "用户名/图床仓库名",
      "token": "",
      "path": "img/",
      "customUrl": "https://raw.githubusercontent.com/用户名/图床仓库名/master",
      "branch": "master"
    },
    "current": "github",
    "uploader": "github"
  },
  "picgoPlugins": {}
}

2020/7/5更新:好像github的图片地址https://raw.githubusercontent.com国内被墙了访问不了。可以用cdn,目前自定义url用这个感觉还好https://cdn.jsdelivr.net/gh/用户名/仓库名

然后在使用时,有时候会出现422报错,其实就是上传的图片文件名一样了,因为上面没有配置好,现在得安装插件来上传时自定义文件名:
typora自动上传图片_第11张图片
typora自动上传图片_第12张图片
打开cmd:
typora自动上传图片_第13张图片

picgo.exe install super-prefix

然后配置:

{
  "picBed": {
    "github": {
      "repo": "magicflung/Figurebed",
      "token": "你的token",
      "path": "img/",
      //      "customUrl": "https://raw.githubusercontent.com/magicflung/Figurebed/master",
      "customUrl": "https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名",
      "branch": "master"
    },
    "current": "github",
    "uploader": "github"
  },
  "picgoPlugins": {
    "picgo-plugin-smms-user": true,
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-github-plus": true
  },
  // 插件就在这里配置,也可以:YYYYMMDDHHmmss
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYY/MM/DD/"
  }
}

具体可以看官网

使用

  1. 第一种:直接在本地插入即可:虽然显示的是本地连接,但我测试时在博客可以看到。

typora自动上传图片_第14张图片

  1. 第二种:在插入后会有一个上传图片的按钮,
    typora自动上传图片_第15张图片
    点击上传后:

typora自动上传图片_第16张图片

  1. 第三种:可以对插入的图片右击:

typora自动上传图片_第17张图片

其他

其他图床的配置可以看:官方文档

至此,OSS再见!!

你可能感兴趣的:(hexo)