typora + PicGo + gitee上传csdn

Typora + PicGo + Gitee + CSDN 解决CSDN博客导入图片丢失问题

科目：Typora + CSDN 博客环境配置

内容：通过PicGo + Gitee配置图床，解决typora文件导入CSDN博客，上传图片丢失的问题

目的：通过本次讲解，使兄弟们实现在Typora写好文章，实现CSDN一键导入，发表博客

时间：15分钟

方法：理论讲解、动作示范

要求：

1. 认真阅读理论讲解
2. 参照讲解步骤，加强实践操作
3. 理论 + 实践，注意总结分享，打包exe，真香

以上要求，希望兄弟们可以做到！

前言：

**存在问题：**typora是一款非常好用的Markdown编辑软件，写好的内容可以直接导入CSDN博客，但是，会出现图片无法显示的问题。

**解决方法：**在typora和CSDN之间配置图床环境，构建中间载体，实现Typora文件一键导入CSDN，解决图片丢失的问题。

• Typora 编写博客文章 —> 编写博客文章
• PicGo 快速上传图片，并获取图片URL连接，支持多种图床 —> 自动上传图片
• Gitee 国产代码托管工具，和Github一样，这里用来存储图片 —> 存储图片
• CSDN 博客文章 —> 发布CSDN博客文章

看到这里，大家应该很清楚整个系统的功能作用了，下面直接开搞。

1. 安装Typora软件

   ​ typora官网地址

   百度网盘下载地址 正常安装即可

2. 安装Node.js

   中间需要用到Node.js，不然会报错（有些博客写到这个，好像也可以，我在配置中用到了，否则报错）

   [Node.js官网地址](Node.js (nodejs.org)) 默认安装即可，很快

3. 安装PicGo

   [PicGo官网下载地址](Releases · Molunerfinn/PicGo (github.com)) 默认安装即可

   

   4. 配置图床环境

      1. 创建Gitee仓库

         注册gitee账号并登录，然后新建仓库

         

         然后进入到仓库界面

         

      最好Readme初始化仓库，点击管理

      

      然后修改为开源属性

      

      2. 设置私人令牌

         

      

      

      

      

      注意复制保存一下，下面要用到，只显示一次，以免丢失修改

      2. PicGo配置Gitee图床

         打开PicGo，选择插件设置，输入gitee，安装gitee-uploader，

         

         点击点击图床设置，选择gitee，其它不带 * 号的按照图中的填一下就行，

         

         PicGo也设置一下，时间戳打开，以时间命名图片，否则以图片原名命名。

         

         设置图床端口，

         

      

      点击确定即可。

      3. Typora 配置图床信息

         打开Typora，找到偏好设置—图像–，

         

         

   点击上传区，选择HTML（我之前抑制不成功，选择的是Markdown，可以自行尝试）

   

   至此，搞完4号步骤，即可检验图床配置是否成功，图中的127.0.0.1：36677是PicGo设置的依据

   

   至此，图片就可以自动上传到gitee云端了。然后将编写好的Typora博文直接导入到CSDN就可以正常显示图片，一键发布文章了。

   刷新GIitee，可以看到，图片已经上传。将编写好的Typora微博文章，即可以在CSDN中完成一键导入，而图片不丢失。

   
   和几位较好的兄弟们喝完酒写的，如有问题，欢迎批评指正。