老赵

Appearance

md文档中的图片上传的策略 ​

因为我使用的是Typora这款软件 在上传图片的时候 默认会上传到C盘的位置

这将导致我们的vitepress 无法加载到我们的图片 所以我们在正式写文档之前 要先把图片上传的方式配置好

设置图片上传位置 ​

image-20240510084748025

首先我们要打开文件这个选项 里面有一个菜单栏叫做偏好设置 打开后是这个样子

image-20240510084851927

随后我们要选择图像菜单栏

image-20240510085004666

默认应该是无特殊操作 我们需要改成我这个样子 确保图片上传到文档所在的目录

image-20240510085435581

这下每次在文档中复制图片 图片都会上传到当下文件夹中的image目录里面 也就保证了我们的vitepress可以正常加载图片

上传图片到远程 ​

如果不想把图片这种比较占用体积的资源和代码放在一起 可以放在gitee和github上 甚至阿里云oss也没问题

本次我们以上传到gitee作为演示

安装picgo ​

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具

下载地址

打开后就是这个样子

image-20240510090736047

安装插件 ​

image-20240510090804462

安装这个 github-plus插件 上传需要用到这个插件

创建仓库 ​

我们需要在远程创建一个存放图片的仓库

image-20240510090947902

image-20240510091044713

注意:仓库必须是开源的

创建私人令牌 ​

image-20240510091236834

image-20240510091330041

点击提交就可以创建一个令牌(一定要记住自己创建的令牌)

image-20240510091401680

PicoGo配置图床 ​

image-20240510091455113

repo 仓库地址 (这个需要注意 当你点击进入一个仓库以后 直接把目光锁定到域名上 去掉gitee.com这个域名 后面就是你的仓库地址)

branch 写master

token 写刚才创建私人令牌

path 就是传到哪一个目录去 写什么都行

配置typora ​

image-20240510092414173

让Typora通过PicGo这个软件直接把图片传到gitee