typora上传文章博客图片显示问题-失败经验

说明：使用Typora来进行md文件的编辑，但是无论是在知乎还是在CSDN上进行创作时，都会出现图片不能直接上传，反而需要重复进行二次操作的情况。Typora中图片的路径默认是本地路径，而我们使用的知乎等网站是通过服务器来访问，自然无法访问我们的图片。因此，我们通过在线图床来实现图片在网站博文中图片的存储。

图床：图床一般指存储图片的服务器，把本地图片上传到服务器上生成 http/htpps 网页链接，有国内和国外之分，国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

大多数解决方案是Typora+PicGo+第三方图床，picGO是管理上传图床工具的，图床有收费的和免费的，总结一下几个常用的图床：

• 七牛云

  专业，快速，有免费的存储空间。但是免费域名有使用期限，到期后需要自己备案域名。

• 阿里云oss

  专业，快速，存储空间便宜，一年十块左右，但是下行流量需要另外收费。

• github

  免费。但不是专业图床，国内访问速度太慢。

• gitee

  免费，快速。但不是专业图床，有防盗链风险，比如微信浏览器就打不开gitee的图，gitee官方是禁止用来做图床的。

解决：这里博主选用typora +PicGO+gitee解决，第三方图床自行选择搭配，CSDN的图片上次链接添加，发现外链链接失败，也就是gitee图床照片CSDN访问不了。安装了寂寞

 

环境：Typora 0.9.96及以上版本（0.9.96以上版本才支持第三方平台图床配置）

node.js、PicGO、gitee账户

1.PicGO安装

PicGO下载推荐网站：https://github.com/Molunerfinn/PicGo/releases/tag/v2.3.0

2.安装node.js

PicGo采用Electron-vue开发，虽然运行程序编译成了.exe可执行文件，但是其插件还是依赖于node.js环境，因此如果需要安装插件必须先安装node.js环境（gitee必须安装插件），若是程序自带的图床接口（SM.MS图床、腾讯云COS、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云）可不需要安装node.js。 这里博主已经安装node.js开发环境早就有了，自行百度安装。

推荐node.js安装教程：Node.js详细安装教程（2021）_cheerileeyoki的博客-CSDN博客_node.js安装教程

3.配置PicGO

• 注册gitee账户，先要去 Gitee 创建一个 令牌

打开 设置 -> 私人令牌，最后点击右上角 生成新令牌

填写令牌描述信息及勾选相关信息，然后点击 提交 即可，提交后会输入密码验证生成；

令牌` 生成，注意它只会显示一次，所以你最好把它复制下来到你的备忘录存好，方便下次使用，否则下次有需要重新新建；

• 配置 PicGo，PicGo 默认是不支持 Gitee 图床的，但我们可以通过安装插件来实现。打开 插件设置，在右方搜索框中搜索 picgo最新的

注意：widows的PicGO图标可能会在显示隐藏小图标中，

打开软件，点击软件界面中的插件设置，搜索gitee，选择gitee-uploader

找到图床下的gitee图床

repo：填写你的gitee图床仓库名称,

branch：仓库分支 token：填写上面复制的私人令牌 path：图片存储路径 下面两个不需要填写

然后，我们对其进行测试，看看是否成功。

拖拽一张图片试试

成功

上传到gitee成功的

4.配置typora

如果typora的偏好设置的图像中没有上传服务设定，说明你需要给Typora升级了!

5.发表到博客上

• 以前写的文章也能上传

• 不想用上传只需要本地的话就改图像设置到本地

参考：：Typora笔记上传到CSDN解决图片问题---亲测有效！_我很好请走开谢谢的博客-CSDN博客_typora上传到csdn

PicGo的安装与使用_煮酒笺华的博客-CSDN博客_picgo安装

typora博客笔记上传图片时不能显示 - ElloeStudy - 博客园