Gitee图床+PicGo+Typora便捷的在博文中插入图片-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_42561957/article/details/105242972

本文介绍如何使用Typora和PicGo进行博客写作与图床管理，详细讲解了PicGo的安装、配置及与Typora的集成，使图片上传更加便捷。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍两款博客写作与图床管理工具，

首先下载安装，链接如下
Typora：https://www.typora.io/
PicGo：https://molunerfinn.com/PicGo/

No.1 什么是图床?

图床就是专门用来存放图片，同时允许你把图片对外连接的网上空间，在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除，不少图床都是免费的。

No.2 为什么使用图床呢？

Hexo是静态博客，大多数人喜欢它的主要原因可能就是不用购买服务器，通过Git Pages服务就可以完成上线部署进行展示，非常的轻便快捷并且省去服务器的开销。国内的话Coding和Gitee也提供Pages服务，能更快的提高博客的访问速度，但是我们博客不光有文字还有图片，我们大多人的图片文件都通过Hexo插件存储在了博客根目录文件中，长久以往会越来越臃肿，就算不影响博客的加载速度，那也不方便对自己的图片资源进行管理，并且使用插件Hexo-asset插入图片在写作时是看不到图片的，只有编译部署后才可以看到，这样的写作显然是不友好的。现在很多论坛和社区都已支持使用MarkDown,如果你没使用图床的情况下,你分享同一篇文章,你要在不同的平台,各自重新编辑排版一遍和上传图片。

如果我们是使用Typora，那么我们就可以尝试下PicGo这个插件了。
在这里插入图片描述

No.3 为什么我们要使用PicGo？

想象一下，使用Markdown编写你的博客时，插入截图是什么流程：将截图保存到本地文件夹->将图片文件上传到网络服务器中->复制图片的网络地址->在markdown中输入[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ri3oYLXH-1585713254735)(图片的网络地址)]，这个过程无疑是很繁琐的，而且如果你图片一多，这种过程将会是魔鬼体验。

PicGo是一款免费的图床管理应用，支持拖拽上传，剪切板上传等方式。你可以用它快捷地将图片上传到图床并获得网络链接，而且你可以设置链接格式为Markdown，这就意味着你只要直接粘贴到Markdown编辑器就可以插入图片了。

No.4 安装PicGo

访问PicGo的官方文档以了解PicGo的基本安装和使用方法。如果不想读文档的话，访问PicGo Releases直接下载你的操作系统对应的安装包并完成安装。
Github：https://github.com/Molunerfinn/PicGo
注：在安装的时候安装目录千万不能选C:\Program Files\下的任何地方，如果你不知道安装在哪里的话，选择仅为我安装，否则在设置Typora时会出现以下错误：

Copyfailed to launch PicGo app: Command failed: C:\Program Files\PicGo\PicGo.exe
'C:\Program' �����ڲ����ⲿ���Ҳ���ǿ����еĳ���
���������ļ���

No.5 设置PicGo用Gitee作为图床

先认识一下PicGo的页面，提供选择的图床还是挺多的
在这里插入图片描述
默认没有提供Gitee图床，我们需要安装插件，点击插件设置搜索选择第一个安装，重启后再打开就有了
在等待安装的过程中，我们可以先移步Gitee创建一个公开的个人仓库，仓库名随意，公开的才能被外部访问。

作为图床的仓库，一定不能勾掉管理界面的在线编辑是否允许仓库文件在线编辑选项，否则使用PicGo管理的时候会导致操作被403
Forbidden。

创建完仓库后，还要创建一个私人令牌，私人令牌是用来允许PicGo访问并更新你的仓库的，这个时候，你已经明白了PicGo的运行原理：PicGo将图片上传到你的gitee仓库，然后返回给你图片的具体地址，这样你用该地址便可以访问到位于仓库的图片了。
在这里插入图片描述
生成私人令牌步骤如下：访问新建Gitee令牌，在私人令牌描述中写上便于你了解该令牌用处的文字，并勾选需要的权限，PicGo要使用的私人令牌只需要user_info和projects权限，勾选上后提交，gitee将会返回私人令牌的token，保存该token，因为该token只会出现一次，离开页面过后再不会出现。
在这里插入图片描述
接下来回到Pico-Gitee图床根据属性说明填入相应选项

属性选项说明：
url：这里填写码云官方的网址
owner：填写你的用户名
repo：填写你的图床仓库名称
path：图片存储路径
token：填写上面教程中你设置的私人令牌
message：不需要填

No.6 Typora集成PicGo

打开PicGo软件的设置界面，进行Server的设置：PicGo设置 -> 设置Server，开启Server，监听地址不用进行更改，监听端口的值设置为36677，这个值的获取在Typora软件中，下面会提到：
在这里插入图片描述接下来进行Typora的设置，Typora的安装上面链接自取，打开typora软件，依次打开步骤为：文件 -> 偏好设置 -> 图像，具体配置参考下面的图中的配置：

接下来进行验证，看Typora是否可以成功的通过PicGo上传到图床，点击第三步图中的验证图片选项，当成功后会出现下面图中的情况
在这里插入图片描述

图中可以看出监听地址以及端口号，这个需要与PicGo的Server服务中的监听地址以及端口号一致，否则上传会失败!

No.7 使用方法

第一种

采用拖拽的方法，直接将本地图片拖拽到文章中，即可进行上传

第二种

采用插入本地图片的方法，使用快捷键Ctrl + Shift + I，选择图片路径即可

第三种

采用截图软件，我推荐大家一款软件——Snipaste，可以快速截图并进行粘贴，快捷键F1，进行截图，可以直接粘贴到文章内，自动上传到图床里，如果你在电脑上登录QQ，也可以通过快捷键Ctrl + Alt + A，进行快速截图并进行复制粘贴，直接粘贴到文章中，还有一款制作Gif和视频录制的软件ScreenToGif。

No.8 上传测试

Gitee图床与Github图床相比，Gitee图床略胜一筹，毕竟是国内的，速度相比于GitHub好一点。
缺点就是，码云虽快，但是仓库容量比Github小，可能不够用。

No.9 其他功能

有时候在上传照片前，我们想重新命名这个图片名称，或者是在上传之后我们需要给图片重新命名，这款工具就可以快速满足我们的需要，支持编辑相册的图片信息，同时更好更方便的管理我们的图片。
在这里插入图片描述
与此同时，除了单张上传外，其实还支持多张，批量上传，只需要选中多个文件，将其导入，或者拖入其中便可以了，这样再多的文件，也能够做到一次上传就能用的效果。