Markdown插入图片

Catalogue
  1. 1. 推荐方式一
    1. 1.1. Windows
      1. 1.1.1. 参考教程
    2. 1.2. Ubuntu

Markdown 推荐采用图片上传到图床的方式进行存储,有以下优点

  • 大大减少文件体积
  • 使得整体文件结构更加合理
  • 避免了当前主题标题存在空格无法识别图片的问题

推荐方式一

Gitee+PicGO+typora

Windows

参考教程

使用PicGo+Gitee(码云)搭建免费图床 - 云+社区 - 腾讯云 (tencent.com)

配置完成后,在typora进行设置

image-20220117153416444

在偏好设置->图像中,设定 上传服务设定为PicGO(app) 并选择本地路径

设定图片上传规则,插入图片时上传图片为上传图片,并勾选本地和网络图片

Ubuntu

Picgo采用官方安装的安装包如snap和appimage均存在问题,appimage在typora无法定位到可执行程序.而snap受限于自身的安全机制,无法访问npm下载插件.

对于snap可以尝试单独下载插件后在对应的安装文件夹手动安装

对于Appimage的解决方法为自定义调用指令,在typora图片上传添加自定义命令

1
/home/用户名/...路径.../Picgo.appimage upload

但是此种方法存在一个bug,只有当前picgo未启动时可以回传地址,当启动后无法作出回应将地址回传给typora,可以上传但是需要手动粘贴地址.因而还是推荐core版.

推荐Picgo Core

在此仅提供pcigo core命令行版教程,其余同上,在nodejs配置好后

  • 安装cnpm(国内镜像加速)
1
sudo npm install -g cnpm
  • 安装picgo-core
1
sudo cnpm install picgo -g
  • 安装插件picgo-plugin-gitee
1
picgo install gitee
  • 安装重命名插件super-prefix
1
picgo install super-prefix

对配置文件添加个人仓库信息设置,PicGo-core的配置文件地址:~/.picgo/config.json

  • ower git用户名称必填
  • path仓库下自定义路径,可选
  • repo仓库名称必填
  • token个人令牌必填
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{
"picBed": {
"current": "gitee",
"uploader": "gitee",
"gitee": {
"message": "picgo commit",
"owner": "name",
"path": "picture",
"repo": "img",
"token": "67e2c9994787a69ae8a66a579711fade"
}
},
"picgoPlugins": {
"picgo-plugin-gitee": true,
"picgo-plugin-super-prefix": true
},
"picgo-plugin-super-prefix": {
"fileFormat": "YYYYMMDDHHmmss"
},
"picgo-plugin-gitee-uploader": {
"lastSync": "2022-01-18 10:54:06"
}
}

在图片上传pcigo一栏,选择自定义指令

1
/usr/bin/picgo upload

image-20220118110600993

测试验证图片上传选项一切正常后即可使用