【无标题】

借助picgo-core插件为typora搭建gitee图床

typora是非常著名的markdown编辑器,我们首先需要了解一下markdown这个轻量级的编辑语言。

markdown创始人为约翰·格鲁伯。markdown允许人们使用易读易写的纯文本格式,易读易写主要体现在语法上。由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息,如github、简书等网站均支持markdown文本的直接编辑,知乎虽然不支持markdown编辑,但是可以导入markdown文件,也从侧面支持了markdown。除了这种网站之外,也有许多非常知名的markdown编辑器,其中typora就是之一。typora在刚发布的几年是完全免费,但是当typora发布了1.0.0版本以后,typora迈入了正式版本,同时也迎来了收费。但是typora所发布的前几个版本,仍然是可以免费使用的,而且现在收费的版本与不收费的最高版本实际上差别不大。而且免费使用的版本也是支持图床搭建。那么我们为什么要搭建图床呢,那这就要说到markdown对图片的支持了,markdown不支持图片的嵌入,而插入的图片都是保存到了本地,所以一旦图片的路径更改之后,或者只分享md文件之后就回出现图片加载不出来的问题。

而图床的出现在一定的程度上可以解决这个问题。我们把图片上传到图床之后,得到这个图片的网络的链接,然后把网络链接打在typora上,就会把这个图片加载出来。而typora是支持图床的,我们插入一个图片,typora会自动上传到我们所搭建的图床,同时并获取到图片的链接,然后替换本地链接。实际上图床也有局限之处,图床的使用必须在有网络的情况下才可以,无论是上传,还是加载都需要网络环境的支持,但相比于其他图片的支持,这已经算是比较不错的呢。

我们使用的typora版本是最后的一个免费版本,这个已经支持图床搭建。我们点击文件,然后点击偏好设置,然后选择图像,选择上传图片,并勾选对本地位置图片应用上述规则,在上传服务中选择picgo-core(command line),然后点击下载或更新。(注意一下:我们必须在电脑里面提前安装node.js环境,才可以正常下载。另外我们还需要安装其他的插件也需要node.js)

如果你的系统是64位,一定要使用64位的应用,32位一定要使用32位的应用,否则也有可能会出现下载失败的情况。我们下载完成之后,点击上传验证图片选项,这个时候一定会显示失败,因为还没有配置gitee图床。但是我们可以得到picgo.exe文件的地址。

所需环境

typora、node软件、所需软件及配置文末可下载

typora结合gitee图床的优势

分享文件只需要分享一个*.md文件即可,插入的图片依旧可以访问,

图床不限制,访问速度快,不用害怕文件丢失

安装教程

下载node并安装

因下载gitee图床插件需要node环境,需要先安装node

地址:https://nodejs.org/zh-cn/

20221104185623

下载长期维护版即可,然后安装node,一路next安装即可

安装完成后,打开win+r输入cmd

20221104185635

打开命令行窗口,输入node -v显示版本信息则安装成功!

配置gitee

新建仓库

我们接下来需要到gitee网站设置图床。

我们打开gitee(如果没有注册先注册)登录之后,点击右上角的+号,点击新建仓库 gitee 网址:https://gitee.com/

20221104185657

填信息,新建仓库

我们自己随意输入自己的仓库名称、介绍等等东西

20221104185738

仓库图床必须是开源的,但这个时候无法选择开源,我们需要创建之后,将其开源。我们进入我们刚刚创建的仓库,点击管理,划到最后选择开源。

20221104185819

将是否开源选项勾选,勾选三个承诺选项,最后点击保存并提交审核按钮,等待审核完成

20221104185825

新建私人令牌

打开设置选项

20221104185838

在左侧的安全设置中找到私人令牌选项

20221104185859

点击生成新令牌

20221104185914

根据需要,设置对应的权限,一般默认即可,后续可以更改

20221104185925

生成新的令牌需要验证密码

20221104185932

生成成功之后,会弹窗显示令牌

切记,一定要保存好,后续gitee不会在展示了

20221104185940

选项不一定全选,只需要选择user_info和projects这两个选项。然后获取到私人令牌。然后再打开我们的package.json的配置文件,我们只需要更改repo和token两个值。repo即我们的仓库名称,token即私人令牌。我们打开我们刚刚建的gitee仓库,repo名称就在地址栏上,我们选择gitee\后面的内容,即为repo名称。

20221104190759

安装PicGo

官网地址:https://picgo.github.io/PicGo-Doc/zh/

打开Typora,文件—偏好设置

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

选择PicGo-Core(command line),点击下载更新 PicGo.app和PicGo-Core的区别?

PicGo.app 提供图形用户界面,而PicGo-Core只有命令行界面

PicGo-Core 上传图片耗费的计算机资源更少,只有在上传图片时进程才会运行,上传结束后(成功或失败)进程都会退出;PicGo.app 会一直保持运行,不会自动退出,而且由于是程序,因此消耗的资源会更多

20221104192000

安装PicGo插件

安装完成后,点击验证图片上传选项,找到PicGo的下载路径

验证失败是正常的,因为此时PicGo还未和Gitee关联

如果你的系统是64位,一定要使用64位的应用,32位一定要使用32位的应用,否则也有可能会出现下载失败的情况。我们下载完成之后,点击上传验证图片选项,这个时候一定会显示失败,因为还没有配置gitee图床。但是我们可以得到picgo.exe文件的地址。然后我们打开资源管理器,找到picgo.exe所在位置(一般都在c盘,而且还要把隐藏文件打开),在上方输入cmd回车,然后在cmd里输入以下代码(前提安装node.js环境)

20221104190019

注意此图,请在图中路径下打开cmd命令行,否则安装不成功

安装 gitee-uploader,用于支持gitee图床上传

安装 super-prefix,用于上传图片时能自动使用时间戳重命名

.\picgo.exe install gitee-uploader

.\picgo.exe install super-prefix

输入命令,一行一行的输入

20221104190215

配置PicGo

配置Gitee为我们所使用的Uploader

打开Typora,文件—偏好设置

选择打开配置文件

20221104190228

安装完成之后,我们接着打开配置文件(typora里偏好设置-图像-打开配置文件)或者我们在资源管理找到它,它的位置一般是在C:\Users\主机用户名\ .picgo\config.json

然后我们复制以下代码

{
  "picBed": {
    "current": "gitee", // 代表当前的上传图床
    "uploader": "gitee",
    "gitee": {
      "branch": "master", // 分支名,默认是 master
      "customPath": "", // 提交消息,默认为空即可 插件默认提交的是 Upload 图片名 by picGo - 时间
      "customUrl": "", // 没有自己的域名的话,默认为空即可; 如果自定义域名,注意要加http://或者https://
      "path": "img/", // 自定义存储路径,比如 img/ 建议填
      "repo": "trpora/gallery", // 仓库名,格式是 username/reponame <用户名>/<仓库名称> 必填
      "token": "20472df4605b761c5b49e93beb4a839e" // gitee 私人令牌 必填
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  }, // PicGo插件预留
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYYMMDDHHmmss"
  } //super-prefix插件配置
}

验证

打开Typora,文件—偏好设置

点击验证图片上传选项

20221104190433

然后关闭配置文件,回到typora的偏好设置,点击上传验证图片选项,如果返回这样的界面,就说明成功了

20221104185454

设置插入图片自动上传

20221104190401

至此typora搭建gitee图床就完成了,这样以后分享的文件,就不需要带有图片文件就可以访问图片了,而且再也不用担心图片丢失了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值