Typora笔记上传到博客时图片不显示问题

前言:

相信我们都遇到过,使用Typora做笔记是一件非常令人舒服的事,然而,它却有一个非常难受的地方,那就是我们在做完笔记想要将其上传到自己的博客时,复制粘贴的图片无法显示。因为Typora复制的图片是在本地进行了保存,所以,我们只需要让其将图片自动上传到云上,所有的图片链接使用网页链接即可解决问题。

安装所需

gitee+typora+PicGo

1. 准备安装

PicGo:molunerfinn.com/PicGo/

Typora:www.typora.io/#windows

码云账号:gitee.com/

2. 配置码云

  1. 没有的先去注册一个,然后进入主界面,点击 + 创建新仓库

7691822-65da2703a99644f9.png

  1. 新建仓库–> 创建

7691822-e024d725e23a2199.png

7691822-15360e678708784e.png
仓库创建完成。

  1. 设置–>私人令牌(很重要,妥善保管)

7691822-f1030ef4e4a71a45.png

7691822-c11878e7af09ec49.png

注意:点击提交之后生成的字符需要记录下来,口令只会生成一次。

7691822-5d8d6cfceb5d3d53.png

码云设置成功。

3. 配置PicGo

  1. 下载PicGo

下载链接

7691822-022e3b8d89ae94e7.png

  1. 安装插件

7691822-928a9240b59529f0.png

  1. 设置图床

7691822-cfcbcc60d1c180c8.png
记得将gitee设置为默认图床

  1. 检测图床配置

点击插件设置—>点击插件小齿轮—>配置uploader-gitee

7691822-fa9dbf505aaa4084.png

检测是否和你配置的一致。
7691822-9f1fe132ecbae276.png

  1. 测试图片上传是否成功

点击上传区—>上传图片—>点击相册查看>存在则成功

7691822-bea92419fe463672.png

点击相册进行查看。

7691822-69b86c2c1d373e82.png

可以看到,博主这篇文章就是在Typora中编写的,所有的截屏全部上传到了gitee进行保存。

4. 配置Typora

打开Typora偏好设置,点击图像,设置如下:

7691822-a2935df357c474a1.png

如果你的Typora偏好设置中没有上传服务设定,先去将Typora升级到最新版本。

5. 问题总结

笔者在进行设置完之后,进行测试过,在上图的图像设置中,我们若是在Typora中设置插入图片时···,选择上传图片,则真正上传时,会显示失败:

7691822-3cd6123eb9898540.png

7691822-5cf50b7da5e1316e.png

但是,虽然报错上传失败,我们的图片还是上传成功了的。可以正常使用。

解决办法就是,在选择时,点击无特殊操作,亲测不报错,图片也时正常上传了的。

如图,我的图片链接显示如下:

7691822-8241c0904be1425b.png
注意:看到有些博客显示要安装nodejs,因为本人也是以前就安装过,所以,没有出现什么问题,到时候要是有什么问题,可以将nodejs安装试试,欢迎留言。

个人安装的时候确实要安装nodejs,简单安装,不打对号就行。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享