美文网首页
Typora + PicGO + Gitee 搭建图床

Typora + PicGO + Gitee 搭建图床

作者: 生信摆渡 | 来源:发表于2021-12-26 03:02 被阅读0次

    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 搭建图床

          本文链接:https://www.haomeiwen.com/subject/cngjqrtx.html