VS Code的Markdown无法显示base64代码图片
不姓谭
编辑于 2022年11月11日 13:39
收录于文集
共13篇

问题描述

使用VS Code写Markdown笔记,发现有些base64图片可以正常显示,有些则无法显示,并且代码没有问题,使用工具将base64代码转换为图片后可以正常显示

解决方法

  • 如果确定base64代码没有问题,则首先检查一下语法是否有错误,引用的语法为:

代码块
JavaScript
自动换行
复制代码
正文部分
xxxx
![image][图1]
xxxx



图片附录
[图1]:data:image/png;base64,xxxxxxxxxxxxxxxxxxxx
复制成功

对照检查是否写错,也要注意标点符号都是在英文状态下输入

  • 如果VS Code中提示:出于性能原因,未对长行进行解析。解析长度阈值可通过“editor.maxTokenizationLineLength”进行配置。可以通过以下步骤设置:文件——首选项——设置——在搜索框内搜索edit.max——找到Editor:Max Tokenization Line Length,将数字改大,比如改为1e+40,保存后即可。

edit.max

如果还是无法正常显示图片,则可以按下图方法处理:

因为多张图片的base64代码紧连在一起,所以VS Code会因字符串过长而不解析。这种情况只需要在[图5]的前面插入几行空行,将代码分隔开,就可以了

未用空行分隔

使用空行分隔,图片正常显示

你学废了吗?学废了就点赞投币加收藏