Typora+PicGo+Gitee实现自动上传图床

Typora+PicGo+Gitee实现自动上传图床

1. 废话开头

​ 使用Typora以来,一直被它的简洁、轻便的功能所吸引,但是它的图片上传功能却成了一大痛点。在我们的文档编辑过程中,经常需要使用到图文效果,少了图片效果,文章通篇就会显得枯燥无味。当然,网上也有很多关于Typora+PicGo+Gitee的文章,写的很详细,一步步的帮助我们实现”白嫖之旅“。

​ 本人作为一个专业的羊毛党,自然也想白嫖一把,周末闲来无事,一个人捣鼓,发现过程并不是一帆风顺,也算踩了几个小坑,当然主要怪自己过于愚钝。因此,为了后面的学习,我决定把整个操作流程记录下来,以供有需要的朋友指导、借鉴,当然更重要的为了自己后面使用有需要时可以方便查阅。

2. 准备工作

2.1 首先,我们进入Gitee码云的官网,登录进去,在主界面右上角找到一个+号,自动展开,点击New Repository新建一个Repository。

image-20200830200903414

2.2 进入新建仓库界面后,我们依次按照下图操作流程(和Github上创建一个新的仓库步骤差不多):

image-20200830201355732

​ 信息填写完毕后,点击New按钮即可创建一个新的仓库。

2.3 接下来,我们点击右上角头像,在下拉栏点击Setting按钮,进入设置页面。

image-20200830202319749

2.4 我们在设置页面,左侧菜单栏,找到私人令牌/Personal access tokens,点击进入私人令牌管理页面。

2.5 点击右上角的生成新令牌(Generate New token)

image-20200830202524079

2.6 对应填入令牌描述,提交即可(由于已经创建过,这里借用的网图做描述,请见谅哈~)

image-20200724102938868

2.7 这里我们需要输入Gitee账户密码

image-20200724103116838

2.8 私人令牌生成提示

image-20200724103215829

2.9 保存好这里的私人令牌,后面第4步我们即将使用到!

2.10 在桌面同时按下Win + R,在 运行 中输入cmd,打开命令工具,输入 npm -v,检查是否已经安装好npm工具。

image-20200830204011788

注意:若没有安装 node.js ,则会安装不了插件。因为插件下载需要使用到 node.js 的 npm!

node.js 官网下载链接:https://nodejs.org/zh-cn/

3. Typora 设置

​ 这一步我就当大家已经安装好了Typora,就不在此过多赘述。如果未安装请点击:Typora

image-20200830195856668

3.1 找到菜单栏:

依次点击

文件 -> 偏好设置… -> 图像

3.2 插入图片时……

选择下拉框数据为:上传图片

3.3 上传服务设定……

上传服务下拉框:PicGo(app)

好了,关于Typora的设置就这么多。接下来,我们需要下载并安装PicGo,Windows版本下载链接:PicGo百度云提取码:1tj7

4. PicGo 设置

Windows用户安装完PicGo后,打开PicGo,界面大致如下:

image-20200830200542194

4.1 点击插件设置,输入Gitee,找到Gitee相关插件(这里我已经安装了……)

image-20200830203054108

4.2 坑!!!从这里开始我入坑,也可能是自己没有认真看教程的缘故。

点击安装后,过了很久一直没有安装成功。

因此,再次找到新的教程,才清楚后面的步骤。

4.3 点击搜索出来Gitee插件名,任意。自动跳转浏览器,进入该插件的Github页面,使用Git把项目clone到C:UsersWindows10AppDataRoamingpicgo路径下。(我这里安装的是picgo-plugin-gitee,后面以该插件为例讲解)

image-20200830203355144

image-20200830203557905

4.4 接下来,再当前目录下,地址栏输入cmd命令,回车,打开命令行工具

image-20200830203726462

4.5 在cmd命令工具中输入命令:npm i picgo-plugin-gitee,待整个安装流程跑完即可。

image-20200830204440378

4.6 重启PicGo,这时点击图床设置,就可以在最后面找到Gitee图床

image-20200830204556842

4.7 点击Gitee图床,按照下图提示,填入对应信息。最后可点击设为默认图床

image-20200420205320933

4.8 这时整个配置流程差不多走完了,这时我们只需要打开Typora,依次点击进入:偏好设置-> 图像-> 验证图片上传选项

image-20200830204942071

4.9 验证结果:

image-20200830205329017

注意:当PicGo打开无法显示Gitee图床插件时,不妨重启试试,重启大法好~

都说酒是陈的香。
原文地址:https://www.cnblogs.com/yihangjou/p/13586698.html