Typora + PicGO + Gitee 搭建图床

Typora 毋庸置疑是用起来比较舒服的 markdown 编辑器(不会有人还没用过markdown吧,想学习可以参考 Markdown编辑器 --Typora 用法大全)。

虽然说前不久官网不讲武德软件需要收费$14.99,但是只要不更新就行了,记得在设置里设置【不自动检测最新版本】,收费跟我说拜拜~

今天要解决的问题是 Typora 图片保存的问题,这个问题很关键,也困扰我很久,这次就把完整的解决方案分享给大家。

Typora图片的储存方式

Typora 有多种图片保存方式:

image-20211226025404747

以前一直用的方法是【复制到./assets文件夹】这个方法,只要将md文件和这个文件夹一起打包分享给别人或者是上传,解压后就可以正常查看。但是压缩解压也的确还是很麻烦的,不利于分享。

更严重的一点是:你所写markdown文档不能直接粘贴到在线写作平台,因为在线平台无法找到本地图片地址,因此造成图片加载失败,只能退而求其次选择在线编辑,给写作带来不必要的麻烦。

因此,最完美的解决办法就是在本地Typora插入图片时自动生成可直接访问的URL链接,因为这个图片是处于云端且是公共的,因此浏览器或者手机可以直接加载出来,非常fancy~

讲了那么多废话,下面直接开造!

Gitee 配置

官网,新用户先注册账号哈,然后点击右上角加号新建仓库,按照下面设置:

image-20211226025144641
image-20211226025234201

ok,Gitee的配置就是这么简单~

PicGo 配置

我们选择PicGo来实现图片自动上传至图床,下载地址。

首先设置PicGo:

image-20211226025644140
  • repo是用户名加上刚才新建的仓库名

  • token需要在Gitee里找:

    点击右上角头像进入设置,下滑找到【SSH公钥】

    image-20211226030507905

    生成公钥,生成后会提示你公钥只显示这一次,记得保存起来,然后粘贴到上面的token栏里就行了,公钥给予Gitee访问权限。

  • path可以随便写,这是保存图片的文件夹名字。

  • 其他的保持默认,点击【设为默认图床】。

然后安装gitee插件,搜索【gitee】安装这个:

image-20211226025834121

首次安装应该会弹出【缺少Node.js】,点击确定页面会自动跳转至 Nodejs,下载安装后,返回PicGo继续安装插件即可。

还要修改一下默认设置,点击【PicGo设置】页面,开启【时间戳命名】防止文件名重复。

image-20211226023409406

此时,我们的图床就已经搭建完成!我们来测试一下:

  • 随便截个图保存至剪切板,点击【上传区】页面,点击【剪切板图片】则提示上传成功。
image-20211226030044478

这时回到Gitee仓库即可发现图片已经上传成功了,点击即可查看,美滴很!

image-20211226023806958

到这里已经成功99%了~

Typora 配置

最后就到了主角Typora登场了!这里要做的就是关联PigGo完成图片自动上传的功能。

下载地址,虽然收费了,但按照惯例,官方地址还是得提供一下,这里提供一下我的版本,应该是可以免费使用的,再说一遍,不要更新!

链接:https://pan.baidu.com/s/124_mejB1Rcnugoju8vhRkQ
提取码:ijay

【文件】-> 【偏好设置】-> 【图像】-> 【插入图片时】, 选择【上传图片】

image-20211226024637117

上传服务选择【PicGo(app)】,路径选择安装的软件路径。然后就设置完成啦~

测试一下,截图之后直接粘贴到Typora:

image-20211226024859009

上传成功!

image-20211226024932408

你可能感兴趣的:(Typora + PicGO + Gitee 搭建图床)