typora插入图片

typora插入图片

笔者的一些废话

至于为啥想起来写这么个玩意，纯粹的是因为偶尔写点文档，插入截图时，只能在本地电脑上查看，上传到远程git仓库或者分享给别人，又或者换台电脑图片就没法显示了，让人生气，就查了查怎么解决这个问题。

本文思路：typora+gitee+picgo

大抵有这么几个思路：

1. 使用网络图片，这样就不用担心换设备或者分享之后无法查看图片，当然没网了就算了

2. markdown本身支持插入图片，可以将图片转换成base64字节流，然后放在本文档中，接着在合适的位置引用，这样也可以，但是写文档最后还一堆乱七八糟的base64串，也不是那么清爽

3. 在写文档时，将文档上传至远程仓库存储，然后在文档中引用远程图片（这种方案本质上和第一种是差不多的），本文主要介绍这个方案，因为笔者觉得这个还是挺舒服的

一、准备工作

1. typora编辑器：需要自己先行下载好，这个相信找到这篇文章的各位肯定已经安装好了并且使用了

2. gitee远程仓库：存储图片

3. nodejs：安装picgo时需要nodejs环境，读者需要自行安装

二、创建gitee远程仓库

1. 登录gitee后，在点击新建

   

2. 填写相关信息，注意仓库要选择开源，设置成私有，可能导致无法上传图片，报错404

   

3. 仓库创建好了之后，点击头像-设置

   

4. 找到私人令牌

   

5. 点击生成新令牌

   

6. 点击提交

   

7. 提交之后会生成私人令牌，点击复制保存到本地，后续在配置typora上传文件时需要使用

8. 至此，gitee仓库创建完成

三、typora配置

1. 点击文件-偏好设置

   

2. 点击图像

   

   • 插入图片时，按照上图配置

   • 安装插件：在目录C:\Users\用户\AppData\Roaming\Typora\picgo\win64下面cmd执行.\picgo.exe install gitee-uploader

   • 上传服务设定：上传服务选择PicGo-Core（command line），点击下载或更新，完成之后点击打开配置文件（如果打不开配置文件，别问我为什么，因为我就没打开），就去找C:\Users\用户名\.picgo这个文件夹下面的config.json文件，打开进行编辑

     {
     "picBed": {
     "current": "gitee",
     "uploader": "gitee",
     "gitee": {
      "branch": "master",
      "customPath": "",
      "customUrl": "",
      "path": "存储图片的路径，例如/imgs，不用手动去创建，会自行创建",
      "repo": "你的远程仓库地址",
      "token": "上面生成的私钥"
     }
     },
     "picgoPlugins": {
     "picgo-plugin-gitee-uploader": true,
     "picgo-plugin-super-prefix": true
     },
     "picgo-plugin-super-prefix": {
     "fileFormat": "YYYYMMDDHHmmss"
     },
     "picgo-plugin-gitee-uploader": {
     "lastSync": "2024-02-12 01:08:26"
     }
     }

     远程仓库地址需要注意，点击到对应的仓库，复制浏览器中的地址，如下图dragon-cats-love-to-eat-fish/images

     

3. 配置完成后，点击验证图片上传选项

   

   

   出现上图提示信息，配置完成

四、上传图片

1. 直接将图片复制到文档中，自动进行上传，如下图

   

2. 之前写过的文档中有图片的，如果想上传到gitee，点击图片右键选择上传图片即可

   

完结撒花，欢迎指正