Gitee+PicGo+Typora图床部署 | 一文解决CSDN导入markdown文件图片失效问题

前言

​ 最近在总结笔记，想着把笔记也发布到网上跟大家一起分享下，结果无论是复制到SCDN还是公众号，图片老是会丢失，只能一张一张复制进来，烦！网上搜了一圈资料，原来是需要搭建图床的。折腾了一晚上，终于弄好了，用Typora写笔记中可以自动上传图床，写完直接复制粘贴就能发布文章了，nice！

​ 虽然这方面的教程网上已经很多了，不过自己跟着操作下来，并没有找到能一次能部署完成，还是看了好多篇博客，处理了好几个问题才完成的部署。

​ 希望这篇文章能帮助你一次部署完成，若遇到问题也不要气馁，多查资料，只要肯下功夫，没有解决不了的问题！

搭建步骤

1.下载和安装PicGo

需要访问github，国内访问是好是坏，连不上的解决方法有很多，网络不好连不上的朋友自己百度下

picgo下载地址：https://github.com/Molunerfinn/PicGo/releases

选择自己系统对应的版本，win系统选择.exe文件

贴一下我自己使用的安装包，里边有PicGo-Setup-2.4.0-beta.7-x64和node-v20.12.0-x64

链接：https://pan.baidu.com/s/1Py8thSPh0mOn4mDl_dV7Yg
提取码：1023

安装过程不赘述了，就是点开安装包->选择仅为我安装->选择安装目录->点安装->安装完成

安装完成桌面有图标，点开是这样的

2. 下载和安装node.js

Node.js官网下载：http://nodejs.cn/download/

下载对应的版本，这个官网国内一般都能登，登不上上边的百度链接有win版本node-v20.12.0-x64

安装过程也不赘述了，双击安装包->点击Next->勾选使用许可协议->点击Next->选择安装位置->安装即可

安装完成后要添加环境变量

对着我点电脑->右键点属性->高级系统设置->环境变量

添加环境变量

这里的路径写入上边安装时选择的安装路径

验证是否安装成功

组合键win+R，弹出运行串口，输入cmd后按回车，弹出黑窗口命令行

进入cmd命令行窗口，输入node -v查看nodejs版本

node -v

输入npm -v查看npm版本

npm -v

如下图所示，即为安装成功：

3.在PicGo软件中安装插件

在插件设置中搜素gitee, 安装第二个

我这里一次安装完成，若安装失败原文博主还提供了另一种手动安装方法

原文参考的链接：http://t.csdnimg.cn/uHfTg

4.注册和创建gitee仓库

在 gitee中新建一个账号，gitee链接：https://gitee.com/

登录gitee，点头像旁边的+号新建仓库

填写新建仓库的信息并创建

在gitee设置里面生成一个新令牌。此处令牌需要记住，后面要使用

5.在PicGo软件中配置gitee图床设置

图床配置名随便取的。

repo：也就是访问gitee存储图片的仓库路径。找到仓库地址，把gitee官网的前缀去掉的那一部分。

branch: 默认master分支

token：在gitee设置里面生成一个新令牌

img:在gitee仓库下图片存放的路径。

6.修改PicGo上传图床

7.修改typora软件设置

typora左上角点文件->偏好设置->图像

注意:PicGo路径是本地PicGo的安装路径

其他：

出现 Error: You must be logged in to use解决方法

解决方法：

进入 SM.MS 官网：https://sm.ms/

• 注册一个账号

• 生成一个 API Token

  

  点击 Generate Secret Token，生成之后将它复制到 picgo 下SM.MS 设定的Token。

  

原文博主说之后还需要将gitee设置为默认图床，这样才能在gitee仓库里面看到上传的图片，但事实上我在我的版本PicGo上并没有找到设置默认图床的方法，当我做到这一步再测试时，我发现图床的功能已经可以正常上传了。

参考链接：

部署流程参考链接：http://t.csdnimg.cn/uHfTg

安装PicGo参考链接：http://t.csdnimg.cn/bRWfj

安装node.js参考链接：http://t.csdnimg.cn/ecHZC

上传失败参考链接：http://t.csdnimg.cn/bxi9t