Typora+PicGo+Gitee搭建Markdown图床

前要提示

因picgo中安装gitee插件需要node环境,所以之前先要在电脑配置好node环境再进行下面安装。

具体可以查看我的另一篇node安装教程。

输入以下命令查看查看是否已安装必需环境

node -v

npm -v

1.注册Gitee仓库

  1. 新建一个空仓库

    用作图片上传仓库,默认创建的是私有仓库,后面我们改为开源仓库。

Typora+PicGo+Gitee搭建Markdown图床_第1张图片

​ 记得勾选初始化仓库选项以及分支创建,否则后面测试上传会失败。

​ 仓库创建完成之后选择右上角的【管理】,在里面将私有更改为开源,三个承诺也勾选上,保存。否则会无法访问图片。

  1. 获取私人令牌

    点击你的头像,选择【设置】,在左侧菜单栏找到【私人令牌】点击。

    Typora+PicGo+Gitee搭建Markdown图床_第2张图片

    然后点击生成新令牌。

    进入私人令牌的生成界面,在填写私人令牌描述时,自定义一个名称,可以随意,在选择将要生成的私人令牌所拥有的权限时,可以仅勾选projects,如下图:

    Typora+PicGo+Gitee搭建Markdown图床_第3张图片

    提交之后输入你gitee账号的密码,私人令牌即可成功生成。切记要复制你的私人令牌,因为只会出现这一次,关闭私人令牌生成提示窗口之后,就无法再看到你的私人令牌了。

2.安装PicGo

下载安装PicGo,启动PicGo后,图标会在任务栏的右下角显示,单击图标打开详细窗口

Typora+PicGo+Gitee搭建Markdown图床_第4张图片

【上传区】:可以通过拖拽或点击的方式上传单张或多张图片,上传图片转化的链接格式也在此界面中设置。

【相册】:支持对单张或多张图片进行复制、删除等操作,支持对图片的Url进行修改,可以设置复制图片链接的格式。

【图床设置】:这里选择要使用的图床,目前可供选择的图床有SM.MS图床、腾讯云COS、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云图床。这里没有我们要使用的Gitee图床,先不必着急。

【PicGo设置】:这里对PicGo进行配置。在配置设置日志文件时,日志记录等级可以仅保留错误-Error和提醒-Warn;在选择显示的图床时,因为这些图床都不是我们要使用的图床,因此全部取消勾选,这时你会发现【图床设置】中提供的图床也相应地消失了。至于其他配置项目,保持默认即可。

【插件设置】:因为PicGo提供的图床中没有我们要使用的Gitee图床,因此我们需要安装gitee插件。在搜索栏中输入gitee,如图所示,这里我选择的插件是gitee-uploader 1.1.2

Typora+PicGo+Gitee搭建Markdown图床_第5张图片

安装成功后在图床设置可以看到我们的gitee了,点击我们进行配置,如下:

Typora+PicGo+Gitee搭建Markdown图床_第6张图片

repo:复制你的图片仓库地址,去除https://gitee.com/前缀,只需要填写你的gitee用户名/图片仓库名称

branch:分支,我们刚才默认只创建了master,所以这里填写master就可以

token:填写我们刚才生成的私人令牌

path:图片想要保存的文件夹,选填

其他可以不用填写,点击【确定】,然后点击【设为默认图床】

这样就可以了。

3.下载 Typora

安装完成后打开【文件】→【偏好设置】→【图像】

  1. 设置如下图示

Typora+PicGo+Gitee搭建Markdown图床_第7张图片

插入图片时选择:上传图片 这样插入图片就不用每次手动上传了,会自动根据配置上传到图片仓库

  1. 关联PicGo

上传服务:选择PicGo(app)

PicGo路径:选择我们刚才安装的路径,找到exe文件

然后点击【验证图片上传选项】,会出现验证成功的弹框。可以在仓库中看到我们已经上传成功的图片。

Typora+PicGo+Gitee搭建Markdown图床_第8张图片

以后在Typora上插入图片时,只需要将图片拖拽到编辑区,就可以将图片自动上传到你的图床上了。

这样,PicGo像是一座桥梁,连接了你的Typora和gitee网站上的仓库,大功告成。

你可能感兴趣的:(工具,github,git,npm)