解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案

解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版

问题原因:

因为你在本地写作的时候照片的路径是在本地的,而非网络引用.以前我都是一张一张的贴到csdn,如果写作的内容多,那么流程就会十分繁琐.

适用范围:

本文只针对使用Typora写作的同学有效

方案一

白嫖b站~~~

逛github的时候发现的好东西 仓库在这: xlzy520/typora-plugin-bilibili有兴趣可以点进去看看,顺便给个星星吧

windows的朋友可以点此下载,mac和Linux的朋友自己进仓库去看.

  1. 下载好后解压到一个没有中文的路径, 我这边是给它也解压到了我安装Typora的地方,记住这个路径等下有用
D:\Soft\Typora\bilibili\main.exe
  1. 拿到SESSDATA

登录B站->F12打开控制台->Application->Cookies->SESSDATA

image-20240727172328261

  1. 拿到csrf

登录哔哩哔哩->F12打开控制台->Application→Cookies->bili_jct

image-20240727172657461

  1. 把刚刚拿到三个字符串进行拼接(注意空格)
D:\Soft\Typora\bilibili\main.exe token=你的SESSDATA csrf=你的bili_jct
  1. 打开Typora->偏好设置->图像->修改上传服务为Custom Command->粘贴第四步的字符串到命令输入框中

image-20240727173228685

  1. 完成~本文就是用这个工具来写的.

image-20240727175830741

不过白嫖的其实还是有缺点的,因为登录拿到的Token会过期,要手动更改.

然后再作者的lssues中 我发现有人提到说,图片过一段时间久失效了.我个人猜测应该是b站他会定期清理一些图床吧.

不过也有解决办法,就是写好我文章后就发布到CSDN去,因为一旦你粘贴到了csdn的md编辑器,图片的链接就会改编成csdn的图床了,也就意味着在csdn中md编辑器上面的图片链接永远不会失效,这时候你就可以把文章贴回自己的Typora就行或者把文章进行发布,都永远不会失效.

在这里插入图片描述

如果不想这么繁琐,就请看方案二.

方案二

使用picgo + 某某图床

  • github

    • 优点: 免费
    • 缺点: github国内访问速度慢,操作繁琐
  • 阿里云OOS

    • 优点: 简单易用,速度快
    • 缺点: 收费

    …还有很多云图床等,网上教程很多,自行查看

image-20240727173756202

image-20240727174017429

方案三

  1. 学习Markdown 图片表示语法
![图片名称](网络地址)

注意: 这里用到的符号都是英文状态下的,就是感叹号、中括号、小括号。 中括号里面可以为空,但是小括号里的网络地址必填。

那问题来了,我们怎么把本地照片变成有网络地址的照片呢?

  1. csdn、学习通、B站等发布帖子笔记的平台都可以
  • 在这平台上把粘贴板的照片贴进去,然后复制他的网络地址,按照md格式的语法就能把照片放到云端了。

image-20240727182245201

如果想偷懒,不写想写md格式的语法,也可以在浏览器上安装插件。

哔哩哔哩图床插件,速度快,多种图片压缩格式选择,自动读取Bilibili的Cookie,不再需要手动输入。

具体看这个仓库 xlzy520/bilibili-img-uploader

这个仓库和方案一的仓库出自同一个作者

edge或chrome 点这里 下载插件

火狐 点这里 火狐下载

安装好后直接粘贴图片进去就行了,会有一个md格式的复制按钮,点击直接拿到Typora来贴就好了

image-20240727183446479

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值