Gitee 疑似使用 302 重定向防盗链,导致图片无法正常显示,请使用 Github + jsdelivr 代替

效果展示

图片来源:https://whvn.cc/z8dg9y 存储地址:gitee/im0o/photobed github/0ojixueseno0/image

开始

安装PicGo

从Github Releases下载PicGo安装包

Releases · Molunerfinn/PicGo (github.com)

PicGo官网:PicGo (molunerfinn.com)

应用,功能截图

注意

请确保你安装了 Node.js, 并且版本 >= 8。

默认上传图床为SM.MS。PicGo上传之后,会自动将上传成功的URL复制到你的剪贴板,支持5种复制格式。

使用方法

  1. 直接在主窗口上传区域拖拽图片上传。
  2. 直接在主窗口上传区域点击,然后弹出文件浏览器后选择图片上传。
  3. 可以将图片复制到剪贴板,然后点击剪贴板图片上传按钮来上传。

使用Gitee+PicGo

  • 优点:
    • 国内访问速度快
  • 缺点:
    • 图片文件不能大于1MB

安装PicGo插件

在PicGo → 插件设置中搜索gitee关键词,安装对应插件,我使用的是gitee-uploader 1.1.2

新建码云仓库

我们需要在Gitee建立一个仓库作为图片存放的地点。

点击网页右上角的+号,新建仓库

image-20211019194307509

新建仓库后,按照以下方式进行配置:

  1. 将仓库设置为开源仓库
  2. 勾选设置模板——Readme文件

image-20211019194645227

确认无误后即可点击创建,创建仓库作为图床存放图片。

获取私人令牌(Token)

后续对PicGo的配置中将使用到码云的私人令牌,通过以下步骤获取私人令牌(Token)。

  1. 从头像的下拉菜单中进入设置。

    image-20211019195024090

  2. 在侧边栏中找到私人令牌,点击进入其设置页面。

    image-20211019195159338

  3. 点击生成新令牌,并按照下图配置权限。

    image-20211019195257419

  4. 配置描述后提交令牌生成。

    image-20211019195409922

    需注意:私人令牌只有在生成的时候明文显示一次,建议妥善保存私人令牌。丢了或者忘了就得重新生成一个了。

配置PicGo

安装完成后,点击图床设置 → gitee 进行Gitee仓库的配置。

你可以在PicGo设置中关闭不需要的图床

  • repo:用户名/仓库名称,示例中的值应填为im0o/image,你可以在仓库的详情页面的链接上找到。

  • branch:分支,默认填master,为详情页中显示的分支。

    image-20211019200139194

  • token:填写刚刚获取到的私人令牌

  • path:路径,留空则在根目录上传文件

  • customPath:默认default即可

  • customUrl:留空即可

配置完毕后即可开始上传图片使用了。需要注意的是:Gitee大于1M的图片文件需要登录后查看,所以如果是过大的文件可以尝试图片压缩,或更换图床等。

使用Github+PicGo

  • 缺点:国内访问速度慢
  • 相比于Gitee:没有大小限制

新建Github仓库

我们需要在Github建立一个仓库作为图片存放的地点。

点击网页右上角的+号,New Repository 新建仓库

image-20211019202649067

新建仓库后,按照以下方式进行配置:

  1. 输入一个仓库名称
  2. 设置仓库为Public模式(开源仓库)
  3. 勾选Add a README file,生成Readme文件(将自动新建一条名为main的分支)
  4. 点击Create repository新建仓库

image-20211019202953399

获取Personal access token

后续对PicGo的配置中将使用到Github的Personal Access Token,通过以下步骤生成Token。

  1. 点击页面右上角的头像 → Settings 进入设置页面

image-20211019203418269

  1. 在侧边栏中找到Developer settings点击进入设置页面,点击页面侧边栏中的Personal access tokens进入token配置页面。

image-20211019203403252

image-20211019203634589

  1. 点击 Generate new token 按钮,验证密码后按照下图配置生成token。

    注意:Expiration 为token有效时间,请妥善保管好所有有限时间为无限(不过期)的token,以保护信息安全。

    • 填写Token描述

    • 设置截止时间为No expiration(不截止)

      (不安全,请妥善保管好所有不会过期的token)

    • 勾选repo复选框

    image-20211019203936889

  2. 配置提交后token生成。

    • 妥善保管好生成的token,这段字符串只会显示这么一次!

    image-20211019204211125

配置PicGo

image-20211019203032722

  • 仓库名:填写 用户名/仓库名,例子0ojixueseno0/imagetest
  • 分支名:默认填写 main
  • Token:填写刚刚生成的 Personal access token
  • 存储路径:留空则存放在仓库根目录
  • 域名:将域名栏内填入 https://raw.githubusercontent.com/[用户名]/[仓库名]/main

你可以在自定义域名内填入 https://cdn.jsdelivr.net/gh/[用户名]/[仓库名]@[分支(默认main)]使用jsdelivr的CDN加速服务

配置完毕后即可开始上传图片使用了。

Typora与PicGo的联动

在Typora → 偏好设置 → 图像中,可以设置上传服务为PicGo app。将路径设置为PicGo程序所在的位置即可。

image-20211020091600051

需要注意的是,在设置好PicGo路径后需要点击验证图片上传选项进行测试。若测试端口与PicGo的Server端口不同,需要去PicGo进行设置。

image-20211020092038044

在Typora中的测试端口为36677,则需要前往PicGo的Server设置进行设置端口为36677。

image-20211020092247581

设置成功后即可重新验证,成功连接上传后就会反馈验证成功字样。

接下来你就可以在Typora中直接粘贴本地图片,然后右键图片,点击上传图片,即可自动将本地图片上传至设置好的图床上,并且一键替换Typora中的链接为外链。

image-20211020091740405