PicGo安装与配置-Gitee图床

PicGo安装与配置-Gitee图床

1、 前言

平时使用Typora写文章,上传文章到第三方平台上去都要把图片一个一个上传上去,于是我就百度了有没有什么方法可以省略这一步骤,我发现Typora可以用PicGo+Gitee图床方式,这个挺容易的,我把安装的过程在此记录下来。

PicGo是一个用于快速上传图片并获取图片 URL 链接的工具。

PicGo官方指南:PicGo | PicGo

2、 下载

官网下载地址:Release 2.3.0 · Molunerfinn/PicGo · GitHub

image-20220923154934321

这里需要下拉到底部,才能找到安装包,根据自身系统下载对应的安装包(我的电脑是Windows11 64位);

image-20220923154916099

历史版本地址:Tags · Molunerfinn/PicGo · GitHub

3、 安装

直接打开 .exe 文件,下一步下一步安装即可。

image-20220923155745581

4、 Gitee

我们需要使用 Git 来保存我们的图片,又因为国内访问 Github 速度比较慢,所以这里推荐使用国内的 Git 托管服务——Gitee(gitee.com)

step 1:注册账号:自行注册即可。

step 2:新建仓库

image-20220923155912494

输入仓库名称,设置模板选择 Readme 文件,选择分支模型选择单分支模型(只创建 master 分支),然后点击创建。如下图:

image-20220923160129157

创建完毕后,点击管理选项,如下图:

image-20220923160224304

接着在基本信息中,将是否开源设置为开源,点击保存。

image-20220923160306790

然后依次点击个人头像 => 设置 => 私人令牌 => 生成新令牌

image-20220923160544241

私人令牌描述任意,权限选择按下图修改即可

image-20220923160712457

点击提交并验证后显示如下界面:

image-20220923160802476

注意: 生成的私人令牌要保存好,之后的操作要用到。

5、 Node.js

安装 PicGo 需要用到 node.js,所以我们必须安装它。

安装教程:Node.js安装与配置(Windows)

6、配置PicGo

6.1、 PicGo界面配置

通过插件添加 gitee,依次点击插件设置 => 输入 gitee => 安装 gitee-uploader

image-20220923161154522

6.2、 npm安装PicGo插件Gitee

首先确保安装Node.js, Win+R键 ,输入 cmd 调用 命令行窗口, 输入 npm -v 能显示 版本号,说明你npm可以使用;

npm -v

image-20220923161426440

然后 转到 windows 配置目录在C:\Users\XXX\AppData\Roaming\picgo 下 ,XXX 为 电脑的用户名,根据自己的情况修改即可,我的目录如下图所示:

cd D:\tools\PicGo

image-20220923162427655

最后在该目录下,使用npm手动安装gitee图床,命令如下:

npm install picgo-plugin-gitee-uploader 

然后重启picgo即可。

也可以安装其他的插件,PicGo插件 清单

gitee插件安装成功,想成功使用gitee图床还需要一系列的配置。

image-20220923162647001

6.3、 配置Gitee

在图床设置中选择 gitee,配置如下图所示:

image-20220923162916945

7、在Typora中使用

1、typora旧版免费安装包:

链接:https://pan.baidu.com/s/1pIqeO2nTJ9_s16IZj6z3sA?pwd=gut4
提取码:gut4

v1.0以上的版本都要收费了,我个人所使用的是 v0.9.93版本的。

typora_v1.0 以上免费(pj)版:http://itmooc.tech/247.html

2、typora配置PicGo

image-20220923163935799

3、测试是否连接成功,如下所示:

image-20220923164137642

注意: gitee 上的图片超过 1MB 需要登录才能查看,可以进行压缩后再上传。


随笔: “站在巨人的肩上是为了超过巨人。”

posted @ 2022-09-23 17:05  Cream薄荷糖  阅读(217)  评论(0编辑  收藏  举报