Typora+Gitee+PicGo搭建图床

引言

由于gitee现在已经加上了防盗链,并且只支持1M的图片,可能会导致Typora有些图片显示不出来(sm.ms好像还好,github网速不太稳定,可以买腾讯云或阿里云等)

markdown原则上不建议使用base64内嵌图片,因为太麻烦。

如果只是在本机浏览、编辑的话,那引用相对路径或者绝对路径即可,但是考虑到要发布、分享的情况,使用图床是比较好的解决方案。

本教程可以快速得到一个相对稳定的免费图床,不需要已经备案的域名,而且在免费图床中较为稳定。

以下是作为个人免费图床GitHub和SM.MS的对比,

Typora+Gitee+PicGo搭建图床_第1张图片

GitHub由于不可描述的原因,在国内访问速度并不是很稳定,而SM.MS是由V2EX大佬@Showfom 在2014年上线的免费图床项目,目前在国内访问速度较快,偶尔可能出现不能用的情况,个人免费额度是5G。

国内的话访问gitee比较快且稳定,下文使用Gitee来搭建(Github和SM.MS图床的搭建可以看这篇文章:GitHub&SM.MS图床的使用)。

一、配置Gitee,获得token

注册

进入Gitee官网:工作台 - Gitee.com注册账号

新建仓库

用于保存Typora上传的图 片

Typora+Gitee+PicGo搭建图床_第2张图片

填写各种资料,注意仓库名称不要像下面一样有大写下划线啥的

Typora+Gitee+PicGo搭建图床_第3张图片

新建完成后将仓库改为开源

Typora+Gitee+PicGo搭建图床_第4张图片

生成token

Typora+Gitee+PicGo搭建图床_第5张图片

Typora+Gitee+PicGo搭建图床_第6张图片

Typora+Gitee+PicGo搭建图床_第7张图片

Typora+Gitee+PicGo搭建图床_第8张图片

生成token之后记得保存,之后不会再出现

二、安装PicGo

这是一款开源的本地图片上传图床管理的工具,支持markdown、html、url等格式,地址:https://github.com/Molunerfinn/PicGo/releases,选择相应的版本下载即可,如windows版本选择PicGo-Setup-2.2.2.exe,安装过程略过。

三、安装Node.js

在https://nodejs.org/zh-cn中安装node.js,选择长期支持版。

Typora+Gitee+PicGo搭建图床_第9张图片

验证安装:

node -v

出现版本号即是成功

Typora+Gitee+PicGo搭建图床_第10张图片

四、在picgo中安装gitee插件

在picgo左侧插件设置中搜索gitee,会发现安装不了,或者说是无反应

Typora+Gitee+PicGo搭建图床_第11张图片

手动安装PicGo插件

首先确保安装Node.js, Win+R键 ,输入 cmd 调用 命令行窗口, 输入 npm -v 能显示 版本号,说明你npm可以使用

image-20230119200321553

然后 转到 windows 配置目录在C:\Users\XXX\AppData\Roaming\picgo ,XXX 为 电脑的用户名,根据自己的情况修改即可
cd C:\Users\XXX\AppData\Roaming\picgo

image-20230119200346290

最后在该目录下,使用npm手动安装gitee图床,命令如下:

npm install picgo-plugin-gitee-uploader

然后重启picgo即可。

五、配置PicGo

点击左侧gitee进入–编辑

输入:

​ 用户名/仓库名

​ 之前生成的token

​ 存放的文件夹

Typora+Gitee+PicGo搭建图床_第12张图片

完成之后设置为默认图床

最后对typora进行如下设置

Typora+Gitee+PicGo搭建图床_第13张图片

然后点击验证图片上传选项测试能否上传成功

Typora+Gitee+PicGo搭建图床_第14张图片

Typora+Gitee+PicGo搭建图床_第15张图片

你可能感兴趣的:(gitee)