Typora+Gitee+PicGo搭建图床

引言

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

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

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

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

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

image-20230119195208799

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

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

一、配置Gitee,获得token

注册

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

新建仓库

用于保存Typora上传的图 片

image-20230119195256142

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

image-20230119195524532

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

image-20230119195552394

生成token

image-20230119195615461

image-20230119195637040

image-20230119195657906

image-20230119195711853

生成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,选择长期支持版。

image-20230119195831939

验证安装:

node -v

出现版本号即是成功

image-20230119200057375

四、在picgo中安装gitee插件

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

image-20230119200246159

手动安装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

​ 存放的文件夹

image-20230119200417721

完成之后设置为默认图床

最后对typora进行如下设置

image-20230119200502217

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

image-20230119194824273

image-20230119200608052

猜你喜欢

转载自blog.csdn.net/weixin_55988897/article/details/128737358