解决Typora笔记上传到CSDN图片无法显示的问题

解决Typora笔记上传到CSDN图片无法显示的问题

Markdown具有轻量化、易读易写特性,并且对于图片、图标、数学式都有支持,目前许多网站都广泛使用markddown来撰写帮助文档或是用于论坛上发表消息。
但是在最近使用Typora的过程中我发现,在写文章的过程中如果导入的图片是保存在本地的话,当我把文章上传到博客网站就无法显示了,这导致我又需要将图片一张一张重新上传,并且如果将文章移到不同的博客网站,图又会失效,又需要重新上传,这样子大大降低了我的效率。
所以在我面向百度搜寻资料之后也是找到并实践了相对应的解决方法,其主要方法就是 利用PicGo软件和Gitee搭建图床,图床是专门用来存放图片的,同时允许你把图片对外连接的网上空间。

所需工具:

  1. Picgo:下载地址
  2. Node.js:下载地址
  3. gitee-uploader【在Picgo中安装】

Picgo的安装:

image-20210724002350457

Node.js的安装:

注意: 安装完成后需要重启电脑!!

image-20210723235055328

gitee-uploader的安装:

具体操作:

  • 打开Picgo按图片所示操作

注意:安装gitee之前确保Node.js已经安装

2

Gitee仓库创建:

具体操作:

1.进入Gitee:https://gitee.com/
2.注册:

image-20210723235843983

3.新建仓库:

image-20210723235948742

  • 输入仓库名称 --> 选择开源(所有人可见) --> 勾选初始化仓库 -->勾选Readme模板 --> 完成创建

image-20210724000113687

生成Gitee的私人令牌

具体操作:

  • 进入设置 --> 点击私人令牌 --> 点击生成新令牌
    image-20210724000607605

image-20210724000752910

  • 这里只需要勾选projects即可
    3

注意事项:

  • 点击提交后会生成私人令牌即下图token所需要填写的,私人令牌只会生成一次,如果忘记就需要重新设置!

进入Picgo设置gitee:

4

  • repo用户名/仓库名 忘记用户名可以进入个人中心查看,仓库名同理

image-20210724001303036

  • token:刚才生成的私人令牌

  • customPath:选择年月


5

  • 插件设置可以看到uploader-gitee的配置信息

Typora的配置:

image-20210724001658149

image-20210724001729463

  • 按图片配置即可

配置完成后再在Typora导入本地图片后,图片就会自动上传到PicGo,在CSDN上传博客的时候图片就会显示出来了!

参考文章:使用PicGo和Gitee搭建图床

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值