Typora + PicGo + Gitee 搭建免费图床

这是我参与11月更文挑战的第27天,活动详情查看:2021最后一次更文挑战

前言

作为一个经常写文章的你来说,没有一个自己的图床可真是太不应该了,今天我就带你手把手的搭建一个属于自己的免费图床。

Typroa

首先,我们需要下载 Typora 这是一款简洁到你不敢相信的编辑器,但是功能还是非常的强大,与 markdown 无缝的配合,推荐使用。

自行下载安装哈,但是我们在使用 typora 的时候,所有的图片都是保存在本地的,如果你想要发布到网上还需要单独对图片进行处理。所以我就搭建了一个免费的图床,这里选择了 gitee.

图床的意思就是专门用来存放图片,同时允许你把图片对外连接的网上空间,不少图床都是免费的。设置图床后,在博客中插入的图片链接就可以随时随地在线预览。

那如何把一个本地图片转化为上传到 gitee 呢?这里我们需要另外一个工具 PicGo, 就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。

下载 PicGo

选择合适自己的版本进行下载即可,我使用的 windows 下载如下文件即可。

image-20211127164842842

配置 PicGo - 前置条件

首先创建一个公开的 repository 作为图片存储空间,创建 master 分支,readme 文件,以为为例,我创建了一个名为 image 的公开仓库。然后我又在仓库下新建了一个文件 img 作为图片目录。

image-20211127165607818

这里要注意看哈,我的 repo 地址是 gitee.com/kelisi_kris… 因为我们可以自定义域名空间的,这里我就是自定义的 kelisi_kris

我们需要登录到 gitee, 得到自己的 token

image-20211127165059683

点击私人令牌 - 生成新令牌,这里描述可以看着写 “PicGo 使用” 之类的。然后直接点击提交即可。

image-20211127165250834

记得要保存生成的 token,后面要使用。

配置 PicGo

添加插件

打开 PicGo 的插件设置,搜索 gitee 据说是只需要一个 gitee 插件就行,这里我就全部点击了下载。另外就是下载 gitee 插件,需要本地有 node 的环境,因为需要用到 npm 这个工具,所以要先安装 node 哈,下载地址在这里

image-20211127170043860

打开 PicGo 的图床设置,找到 gitee 图传

image-20211127165906149

这里的配置一定要和上一步新建的 repo 地址对应上哈 gitee.com/kelisi_kris… 不然是找不到的。这里还要注意哈,要点击一下设为默认图床。

Typora 的配置

点击文件 - 偏好设置

image-20211127170743580

这样就设置好了,我们直接把图片复制到 Typora 中之后会有提示是否上传,点击上传即可。我们在 gitee 的 repo 中就可以看到图片了。

猜你喜欢

转载自juejin.im/post/7035175261238722590