网站积分方案惠州企业建站系统

【图床配置】PicGO+Gitee方案

为啥要用图床

在Markdown中，图片默认是以路径的形式存在的，类似这样

可以看到这是本地路径，这会导致当你把笔记分享给其他人后对方无法查看图片，就像这样

所以需要使用图床在网络上来存放这些图片，以便他人可以访问。

图床是什么

图床，就是指一些可以把图片存放到网上并且引用到其他网站使用的服务，类似网络相册或者网盘。

用户把图片上传至图床后，会获得该图片对应的链接，其他用户就可以通过这个链接查看该图片

Typora支持使用网络链接的图片，并且可以在用户插入图片时自动上传图床，不过这需要一点点配置

本教程采用的是PicGO+Gitee的方案，容量暂时足够并且能够较好的适应国内网络条件

配置步骤

下载安装PicGo

官网PicGo(molunerfinn.com)：https://molunerfinn.com/PicGo/

官方文档PicGo：https://picgo.github.io/PicGo-Doc/

GitHub地址GitHub - Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder

GitHub打不开的也可以在这下载64位Windows版（其他版本的话还是自己去翻一下吧https://gitcode.com/gh_mirrors/wi/windows?utm_source=highlight_word_gitcode&word=windows）

PicGo 2.3.0 https://wwc.lanzouj.com/ixBOp0e2kede 密码:2hmm

在PicGo的GitHub仓库中选择山东大学镜像站

点进去后选择自己需要的版本

一般来说都是红线标注的那个版本

下载好后正常安装

装好后打开（有可能需要点隐藏的图标里面的才能打开设置界面）

PicGo配置

到插件设置中搜索gitee并且安装对应的插件

安装完成后右键点击图标选择重启应用，重启之后在图床设置中能看到gitee即为安装成功

！！安装中可能存在的问题

在点击安装时，可能会弹出如图所示的错误，说明系统中没有安装node.js环境

请看往期文章：https://blog.csdn.net/v13111329954/article/details/140370988

创建Gitee仓库

首先要在Gitee官网注册登录账户

之后在右上角的加号处点击新建仓库

仓库名称随便起，其他的按照图片进行选择

创建好进入仓库后，将仓库的网址https://gitee.com/后面的一段复制到PicGo图床配置的对应位置

repo填写地址 branch填写master

！！记得将gitee仓库设置为开源否则无法上传图片
进入gitee仓库点击管理
随便写一段超过10个字的介绍
点击下面的开源

把勾勾全勾上后点击保存

最后还要获取token

进入Gitee设置

找到私人令牌一栏，点击右上角生成新令牌，仅选择图示的一项后点击提交

复制令牌并填入token中

之后点击确定以及设为默认图床

Typora中的设置

点击 文件->偏好设置；在图像中按照图示进行配置

！！并且在最后的PicGo路径中手动选择你安装PicGo的路径

最后可以点击一下验证图片上传选项，按照步骤来的一般不会有问题
如果验证的时候弹出失败
并且弹出类似这样的窗口

这是由于该图片已经存放在仓库中了，仓库不允许存放同名的图片
这时可以到仓库的代码处

查看一下有没有以下两个文件，如果有就说明已经配置成功，可以使用了