Typora上传图片到CSDN——PicGo + Gitee(码云)实现markdown免费图床——开局第一篇

转载&参考链接：

https://www.jianshu.com/p/b69950a49ae2

https://www.jianshu.com/p/ddb90da46eb2

https://blog.csdn.net/wing_93/article/details/78573820

PicGo——gitee 插件作者自述：https://lizhuang.gitee.io/2019/06/12/picgo-plugin-gitee-uploader%E6%AD%A3%E5%BC%8F%E5%8F%91%E5%B8%83/

前言

为什么有这样的需求？

在日常的工作中会写博客。

主要以markdown的形式进行记录。

本地/外链Typora插入图片到CSDN失败。

国内免费好用的图床比较少。

GitHub的仓库访问速度慢。

国内平台Gitee(码云)，结合图床上传工具PicGo搭建免费图床。

0x01 安装准备：

操作系统：windows 10

nodejs：https://nodejs.org/en/

一个码云账号：https://gitee.com/

Typora：https://www.typora.io/#windows

PicGo：https://molunerfinn.com/PicGo/

0x02 nodejs安装

下载nodejs：https://nodejs.org/dist/v12.16.1/node-v12.16.1-x64.msi

直接下一步安装

下载完后，安装路径自定义，自行安装即可。

查看一下环境变量是否已经配置。找到计算机——右键属性——点击高级系统设置——点击环境变量——点击系统变量——点击Path，点击编辑。

查看nodejs是否存在，没有的话找到nodejs的安装路径，新建添加，保存即可。

由于Nodejs自带了npm，所以你安装nodejs后，npm也会自行安装。

安装成功后windows+R，命令行输入下面命令来检测安装成功和版本号：

node -v 和npm -v

安装成功后，切记重启windows

0x03 码云配置

0x03.1仓库的建立

图床是干什么的？ 图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除。

注册码云的方法很简单，网站引导都是中文，大家可以自行注册，如果不懂可以留言和私信我。

我们直接建立自己的图床库。

点击右上角的+，新建仓库

新建仓库的要点如下：

1. 设置一个仓库名称
2. 其次将仓库设为公开
3. 勾选使用Readme文件初始化这个仓库
4. 选择分支模型，默认单分支模型（只创建master分支）

这个选项勾上，这样码云会自动给你的仓库建立master分支，这点很重要!!!
因为使用github做图床picgo好像会自动帮你生成master分支，而picgo里的gitee插件不会帮你自动生成分支。

点击创建完成。

0x03.2 token的获取

1. 点击头像，进入设置

2.找到右边安全设置里面的私人令牌

3.点击生成新令牌，只需要把projects这一项勾上，然后提交。

4.这里需要验证一下码云密码，验证密码后会出来一串数字，这一串数字就是你的token，将这串数字复制到刚才的配置里面去。

注意：这个令牌只会明文显示一次，建议在配置插件的时候再来生成令牌，直接复制进去，忘记token后需要重新生成。

0x04 GicGo配置

点击左下方的插件设置。

在搜索框中输入gitee搜索插件，安装右边的gitee-uploader 1.1.2。

安装一个就OK

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YqrxGIjy-1584078331434)(upload\image-20200313134055796.png)]

点击PicGo设置，只保留显示的图床为gitee—勾选。

在插件设置—点击已安装的插件右下角齿轮图标进行配置。选择配置uploader-gitee。

会出现下图的窗口。

• repo：用户名/仓库名称，比如原作者的仓库leonG7/blogImage，也可以直接复制仓库的url

  

• branch：分支，这里写上master

• token：填入码云的私人令牌（token的获取方式，上方有提示）

• path：路径，一般写img

customPath：提交消息，选择年/月

下一项customURL不用填。在提交到码云后，会显示提交消息。插件默认提交的是 Upload 图片名 by picGo - 时间

验证PicGo是否可以使用。

使用windows截图工具截图后，点击剪贴板图片上传，打开相册发现图片上传成功。

0x05 Typora配置

点击typora左上角——文件——偏好设置——图像，进行以下设置。

插入图片时——上传图片

勾选前三项

上传服务选择PicGo(app)

PicGo路径选择安装PicGo的绝对路径

配置好上面所有内容后，点击验证图片上传选项

上传成功：

在PicGo查看相册发现有如下内容。

失败的原因：一般为PicGo未配置正确路径；已经有相同名称的img存在。

上传成功：

在PicGo查看相册发现有如下内容。

失败的原因：一般为PicGo未配置正确路径；已经有相同名称的img存在。

0x06 CSDN
登录CSDN点击导入