借用GitHub将typora图片文件快速上传CSDN
作者:mmseoamin日期:2024-01-21

前情概要

众所周知,程序员大佬们喜欢用typora软件写代码笔记,写了很多笔记想要放到CSDN上给其他大佬分享,但是在往csdn上搬运的时候,图片总是上传出错,一张一张搞有很麻烦,咋如何搞?

废话不多说,看以下步骤即可,实测可用,免费好使

1.前提你要有一个github账号

至于如何注册github账号,各位大佬自有各位大佬的方法

我们进入到github中以后创建一个仓库

 借用GitHub将typora图片文件快速上传CSDN,第1张

借用GitHub将typora图片文件快速上传CSDN,第2张

填写仓库先关资料,一般只需要选一个合适的仓库名,然后确保仓库为 public 其他的保持默认就好:

借用GitHub将typora图片文件快速上传CSDN,第3张

借用GitHub将typora图片文件快速上传CSDN,第4张

创建完成后,一般会出现如上的界面

2.创建Github上的token

借用GitHub将typora图片文件快速上传CSDN,第5张

点击右上角的头像图标

借用GitHub将typora图片文件快速上传CSDN,第6张

 下来找到Settings

借用GitHub将typora图片文件快速上传CSDN,第7张

 一直下拉到最下面,我们找到Developer settings

借用GitHub将typora图片文件快速上传CSDN,第8张

 按照图示点击即可,会产生所需要的Token

借用GitHub将typora图片文件快速上传CSDN,第9张

借用GitHub将typora图片文件快速上传CSDN,第10张

 借用GitHub将typora图片文件快速上传CSDN,第11张

借用GitHub将typora图片文件快速上传CSDN,第12张

 此处的token要妥善保管,后面要用到不能丢

3.安装PicGo和Node

一个开源图床工具 PicGo 来作为我们的图片上传工具。

官网:PicGo (molunerfinn.com)

这里已经准备好所需要的安装包PicGo+Node安装包

借用GitHub将typora图片文件快速上传CSDN,第13张

 可以先安装Node,因为不按装Node,安装PicGo会报错

借用GitHub将typora图片文件快速上传CSDN,第14张

双击进入next,记得更改安装位置

借用GitHub将typora图片文件快速上传CSDN,第15张

 安装PicGo

借用GitHub将typora图片文件快速上传CSDN,第16张

借用GitHub将typora图片文件快速上传CSDN,第17张

 记得更改安装位置,如果提示更新,我们可以点击否,拒绝即可

安装完成以后会有这个界面

4.配置PicGo

借用GitHub将typora图片文件快速上传CSDN,第18张

点击插件设置

借用GitHub将typora图片文件快速上传CSDN,第19张

 在搜索栏搜索github,点击安装

借用GitHub将typora图片文件快速上传CSDN,第20张

 借用GitHub将typora图片文件快速上传CSDN,第21张

 来到PicGo设置,点击设置Server,确保设置正确

借用GitHub将typora图片文件快速上传CSDN,第22张

 借用GitHub将typora图片文件快速上传CSDN,第23张

 借用GitHub将typora图片文件快速上传CSDN,第24张

 这里的设置很重要,不要出错借用GitHub将typora图片文件快速上传CSDN,第25张点击上传区,尝试是否能正常上传,上传成功会有提示

5.设置Typora

 点击文件-偏好设置

借用GitHub将typora图片文件快速上传CSDN,第26张

这里的配置很重要,不要出错 

借用GitHub将typora图片文件快速上传CSDN,第27张

 验证成功,可以正常上传。

6.从typora将图片上传到CSDN上

借用GitHub将typora图片文件快速上传CSDN,第28张

 点击一个文章内容的界面,格式-图像-上传所有本地图片,就可以将文中所有图片上传,而后复制内容就可以正常粘贴到csdn中。