Typora+PicGo+Gitee实现自动上传图床
1. 废话开头
使用Typora以来,一直被它的简洁、轻便的功能所吸引,但是它的图片上传功能却成了一大痛点。在我们的文档编辑过程中,经常需要使用到图文效果,少了图片效果,文章通篇就会显得枯燥无味。当然,网上也有很多关于Typora+PicGo+Gitee的文章,写的很详细,一步步的帮助我们实现”白嫖之旅“。
本人作为一个专业的羊毛党,自然也想白嫖一把,周末闲来无事,一个人捣鼓,发现过程并不是一帆风顺,也算踩了几个小坑,当然主要怪自己过于愚钝。因此,为了后面的学习,我决定把整个操作流程记录下来,以供有需要的朋友指导、借鉴,当然更重要的为了自己后面使用有需要时可以方便查阅。
2. 准备工作
2.1 首先,我们进入Gitee码云的官网,登录进去,在主界面右上角找到一个+
号,自动展开,点击New Repository
新建一个Repository。
2.2 进入新建仓库界面后,我们依次按照下图操作流程(和Github上创建一个新的仓库步骤差不多):
信息填写完毕后,点击New
按钮即可创建一个新的仓库。
2.3 接下来,我们点击右上角头像,在下拉栏点击Setting
按钮,进入设置页面。
2.4 我们在设置页面,左侧菜单栏,找到私人令牌/Personal access tokens,点击进入私人令牌管理页面。
2.5 点击右上角的生成新令牌(Generate New token)
2.6 对应填入令牌描述,提交即可(由于已经创建过,这里借用的网图做描述,请见谅哈~)
2.7 这里我们需要输入Gitee账户密码
2.8 私人令牌生成提示
2.9 保存好这里的私人令牌,后面第4步我们即将使用到!
2.10 在桌面同时按下Win + R
,在 运行 中输入cmd,打开命令工具,输入 npm -v
,检查是否已经安装好npm工具。
注意:若没有安装 node.js ,则会安装不了插件。因为插件下载需要使用到 node.js 的 npm!
node.js 官网下载链接:https://nodejs.org/zh-cn/
3. Typora 设置
这一步我就当大家已经安装好了Typora,就不在此过多赘述。如果未安装请点击:Typora
3.1 找到菜单栏:
依次点击
文件 -> 偏好设置… -> 图像
3.2 插入图片时……
选择下拉框数据为:上传图片
3.3 上传服务设定……
上传服务下拉框:PicGo(app)
好了,关于Typora的设置就这么多。接下来,我们需要下载并安装PicGo,Windows版本下载链接:PicGo百度云提取码:1tj7
4. PicGo 设置
Windows用户安装完PicGo后,打开PicGo,界面大致如下:
4.1 点击插件设置,输入Gitee,找到Gitee相关插件(这里我已经安装了……)
4.2 坑!!!从这里开始我入坑,也可能是自己没有认真看教程的缘故。
点击安装后,过了很久一直没有安装成功。
因此,再次找到新的教程,才清楚后面的步骤。
4.3 点击搜索出来Gitee插件名,任意。自动跳转浏览器,进入该插件的Github页面,使用Git把项目clone到C:UsersWindows10AppDataRoamingpicgo
路径下。(我这里安装的是picgo-plugin-gitee
,后面以该插件为例讲解)
4.4 接下来,再当前目录下,地址栏输入cmd
命令,回车,打开命令行工具
4.5 在cmd命令工具中输入命令:npm i picgo-plugin-gitee
,待整个安装流程跑完即可。
4.6 重启PicGo,这时点击图床设置
,就可以在最后面找到Gitee图床
。
4.7 点击Gitee图床,按照下图提示,填入对应信息。最后可点击设为默认图床。
4.8 这时整个配置流程差不多走完了,这时我们只需要打开Typora,依次点击进入:偏好设置-> 图像-> 验证图片上传选项
4.9 验证结果:
注意:当PicGo打开无法显示Gitee图床插件时,不妨重启试试,重启大法好~