配置Markdown的图床（Typora+PicGo+GitHub）

零、安装软件

一、配置GitHub

声明：在写该文章前，我刚刚配置过一个MarkdownImage仓库，因为无法创建相同的仓库，所以这里用Image仓库代替。

  1. 新建一个仓库，存储图片

image-20240724154041086

输入仓库名称，并设置为公开

image-20240724154130497

  1. 创建密匙

单击头像，选择Settings

image-20240724154205204

进入开发者设置

image-20240724154231966

创建一个新的密匙

image-20240724154254099

设置密匙名称，到期时间，并勾选repo，然后创建密匙

image-20240724154643621

复制密匙，记得将其保存（如果忘记保存密匙，后面需要重新创建）

image-20240724154725703

二、配置PicGo

声明：从现在开始，我的GitHub仓库就是MarkdownImage。

  1. 安装插件
  • github-plus：用于GitHub和PicGo同步删除图片
  • rename-file：用于给图片重命名

image-20240724160231571

  1. 配置githubPlus

image-20240724160408997

编辑GitHub信息

image-20240724160444597

  • 图床配置名随意
  • 仓库名repo为账户名/仓库名，例如Want595/Image
  • 分支名branch，设为main即可
  • token就是刚才创建的密匙，复制过来即可
  • 存储路径path为图片在该仓库的存放路径，可以不设置
  • 自定义域名customUrl的格式：https://cdn.jsdelivr.net/gh/用户名/仓库名@main

最后别忘了设为默认图床

image-20240724160608755

  1. 配置rename-file

image-20240724160656289

命名规则：

  • {y} 年，4位
  • {m} 月，2位
  • {d} 日期，2位
  • {h} 小时，2位
  • {i} 分钟，2位
  • {s} 秒，2位
  • {ms} 毫秒，3位(v1.0.4)
  • {timestamp} 时间戳(秒)，10位(v1.0.4)
  • {hash}，文件的md5值，32位
  • {origin}，文件原名（会去掉后缀）
  • {rand:}, 随机数，表示个数，默认为6个，示例：{rand：32}、{rand}
  • {localFolder:}, 表示层级 ，默认为1，示例：{localFolder:6}、{localFolder}

具体见：https://github.com/liuwave/picgo-plugin-rename-file#readme

三、配置Typora

  1. 配置 偏好设置->图像
  • 上传服务选PicGo(app)
  • PicGo路径为安装路径下的PicGo.exe文件

image-20240724160914670

  1. 单击“验证图片上传选项“

出现以下信息说明配置成功

image-20240724161106103

四、上传图片

在Typora中添加图片后，需要右击图片，选择”上传图片“，即可将图片上传至MarkdownImage图床中（上传后图片的路径会更新）