Typora+PicGo |配置图床 和 Markdown上传图片
工具
PicGo 2.2.0 及以上。
Typora 0.9.84 及以上。
找到相应的版本直接安装即可。
安装npm
由于PicGo的插件需要使用npm进行安装,如果你的电脑上没有安装npm,那么你是无法安装PicGo插件的,而我们接下来要使用一个额外的插件获得gitee支持,所以在此之前先完成npm的安装。
访问node.js的官网,根据官网的指导下载并安装node.js,如果你不想访问的话,点击此处下载,确认安装成功并更换镜像源:
PS C:\Users\focks> node -v
v12.16.1
PS C:\Users\focks> npm config set registry https://registry.npm.taobao.org
安装后,重启计算机
设置PicGo用Gitee作为图床
运行PicGo,单击插件设置,在搜索中输入github,安装搜索结果中的github-plus,如下图所示。
在等待安装完成的过程中,移步gitee并创建一个仓库,仓库名随意,但是必须要是公开的仓库,这样图片才能被外部访问。我创建的仓库地址为https://gitee.com/focksor/giteePagesImgs
,下文以该地址举例。
作为图床的仓库,一定不能勾掉管理界面的在线编辑
是否允许仓库文件在线编辑选项
,否则使用PicGo管理的时候会导致操作被403 Forbidden。
创建完仓库后,还要创建一个私人令牌
,私人令牌是用来允许PicGo
访问并更新你的仓库的,这个时候,你已经明白了PicGo的运行原理:PicGo将图片上传到你的gitee仓库,然后返回给你图片的具体地址,这样你用该地址便可以访问到位于仓库的图片了。
创建私人令牌步骤如下:访问新建Gitee令牌,在私人令牌描述中写上便于你了解该令牌用处的文字,并勾选需要的权限,PicGo要使用的私人令牌只需要user_info
和projects
权限,勾选上后提交,gitee将会返回私人令牌的token
,保存该token
,因为该token
只会出现一次,离开页面过后再不会出现。
回到PicGo,点击图床设置->githubPlus
,在设置中填入repo
和token
,并选择origin
为gitee,即可完成设置。其中,repo要填入owner/repoName
,例如,仓库地址为https://gitee.com/focksor/giteePagesImgs
,则repo
填入的内容为focksor/giteePagesImgs
。
上传和管理图片
单击上传区,选择链接格式,使用点击上传
或剪贴板图片上传
,PicGo会自动上传图片并将符合链接格式的链接复制到剪贴板,你只要按下Ctrl+v
即可粘贴图片的链接。
单击相册
,你可以看到你上传的所有图片,你可以对所有图片进行复制链接
,修改图片URL
与删除操作
,并可以批量复制
或批量删除
。
设置 PicGo
PicGo界面左侧的PicGo设置
->设置Server
,并按下图设置
设置Typora
-
点击Typora左上角的
文件
->偏好设置
-
在弹出的界面中定位到
图像
,选择插入图片时
选项为上传图片,并勾选对网络位置的图片应用上述规则
-
设置完成如图所示
- 选择上传服务为
PicGo(app)
,点击验证图片上传
选项,如果出现如下图所示界面,说明配置已成功,然后你就可以直接在Typora中插入图片了,Typora会自动上传并替换图片地址为网络地址。