M1的Mac 通过Typora+PicGo+Gitee配置图床,获得Markdown写作丝滑体验！

最新推荐文章于 2024-05-09 08:33:39 发布

小张不嚣张!

最新推荐文章于 2024-05-09 08:33:39 发布

阅读量887

点赞数 10

文章标签： macos gitee

本文链接：https://blog.csdn.net/m0_73667612/article/details/137675648

版权

一、介绍

1 系统环境

我的电脑环境是m1的mac
在这里插入图片描述

2 为什么要配置图床

图片一般有两种保存方式，第一种是放在本地仓库，这样你写markdown文档的时候就是直接从本地加载的，缺点是，如果你将markdown文档发送给别人，而并没有将本地图片也发送给别人的时候，别人就无法加载出文档中的图片。导致查看文档的体验较差。第二种就是将图片放在云端的仓库（git仓库），这样文档就是直接从云端加载图片，无论你本地有没有这个图片，都不会导致图片加载不出来。

本地图片的.md文件在别人的电脑上打开：
在这里插入图片描述

图床图片的.md文件在别人的电脑上打开：
在这里插入图片描述

二、创建Git仓库

1 Gitee注册登录

注册登录Gitee官网
在这里插入图片描述

然后正常登录即可
在这里插入图片描述

tips：为什么不用GitHub
答：因为Gitee是国内的，同样开源免费，一般情况下，国内用起来加载图片更快一点

2 创建仓库

点击右上角“+”好，然后点击“创建仓库”
在这里插入图片描述

然后添加仓库名，权限开源，模板readme
在这里插入图片描述

一个图床仓库就建好了。

3 创建私人令牌

点击右上角头像，然后点击“账号设置”
在这里插入图片描述

点击左侧栏的“私人令牌”
在这里插入图片描述

设置一个名字，然后勾选前面两项，然后提交
在这里插入图片描述

一定记得复制令牌!!!一定记得复制令牌!!!一定记得复制令牌!!!
在这里插入图片描述

这样我们的git仓库就创建好了。

三、Picgo的安装和配置

1 下载PicGo软件

在这个连接下载：PicGo下载连接
然后安装打开。

2 安装配置gitee插件

在这里插入图片描述

安装后点击这个“⚙️”配置插件
在这里插入图片描述

点击“我的”，点击刚才的仓库名字，点击“管理”
在这里插入图片描述

依次输出ID，仓库名，刚刚复制的私人令牌，千万不要错了，不然一定会报错404。然后点击确认。

上传失败报错404解决方法也是这里：

3 上传图片

将图片拖拽或一剪贴板等的形式上传都可以
在这里插入图片描述

在这里插入图片描述

上传成功后，你就可以在相册查看它，复制图片链接到Chrome浏览器打开。
在这里插入图片描述

在这里插入图片描述

这样你的图片就上传成功了。

好了，到这里，咱们的PicGo就配置基本完了

四、PicGo连接Typora

1 防止重复名

时间戳命名打开
在这里插入图片描述

2 PIcGo设置server

设置server
在这里插入图片描述

设置成下图即可
在这里插入图片描述

3 Typora设置

打开Typora的偏好设置，将图像设置成下面这个，点击“验证图片上传选项”
在这里插入图片描述

验证成功
在这里插入图片描述

也能在picgo的相册查询到
在这里插入图片描述

4 测试

将图片直接拖拽到Typora编辑器中
在这里插入图片描述

可见这个图片的链接已经不是本地仓库的了，成功了我们！

五、我遇到的问题

1 PicGo安装gitee插件失败，错误码（243）

在这里插入图片描述

查看日志
在这里插入图片描述

在这里插入图片描述

通过查看日志得知，错误类型是 EEXIST（文件已存在），错误原因是权限被拒绝（permission denied）。

于是解决思路就是，清除 npm 缓存并重新安装，命令如下

npm cache clean --force

但是并没有成功，报错：

npm cache clean --force
npm WARN using --force Recommended protections disabled.
npm ERR! code EACCES
npm ERR! syscall rmdir
npm ERR! path /Users/zhangwencheng/.npm/_cacache/content-v2/sha512/0b/79
npm ERR! errno -13
npm ERR! 
npm ERR! Your cache folder contains root-owned files, due to a bug in
npm ERR! previous versions of npm which has since been addressed.
npm ERR! 
npm ERR! To permanently fix this problem, please run:
npm ERR!   sudo chown -R 501:20 "/path/to/.npm"

npm ERR! A complete log of this run can be found in: /Users/zhangwencheng/.npm/_logs/2024-04-12T03_39_40_937Z-debug-0.log

这个错误表明你的 npm 缓存目录包含有根用户所有的文件，这可能是之前 npm 版本的一个问题导致的。建议按照错误信息中提供的建议进行操作，即运行以下命令以更改文件所有者：

sudo chown -R 501:20 "/path/to/.npm"

然后继续用npm cache clean --force清除缓存，最后再安装gitee插件，我就成功了。

2 Error: You must be logged in to use.

因为我上传错了git仓库，应该选刚才配置的Gitee仓库，属于低级错误！
在这里插入图片描述

3 上传图片失败，报错404

在这里插入图片描述

通过查看日志得知，日志显示了一个上传操作异常，状态码为 404，意味着请求的资源未找到。具体来说，这个请求是在尝试上传到 Gitee（码云）时出现的异常。解决方法是确保 PicGo 的配置中指定了正确的上传地址和身份验证信息（如 Token、用户名密码等），并且没有过期或失效。
解决方法看前面这一步