本教程详细介绍了如何使用`marked.js`处理非标准markdown图片语法（如`![[filename]]`）。通过预处理将自定义语法转换为`marked.js`可识别的标准格式，并利用其`renderer`选项自定义图片渲染逻辑，实现自动为图片url添加`images/`前缀，最终生成符合要求的html `` 标签。
marked.js处理自定义图片语法的完整指南
marked.js是一款流行的Markdown解析库，能够将Markdown文本高效转换为HTML。然而，对于非标准或自定义的Markdown语法，例如某些编辑器中常见的![[filename.jpg]]格式的图片引用，marked.js默认情况下无法将其识别并正确解析为HTML 标签。它通常会将此类非标准语法视为普通文本。本教程将详细介绍如何通过结合预处理和自定义渲染器，有效解决这一问题，并实现图片URL的路径前缀化。
理解 marked.js 的默认行为
首先，我们需要明确marked.js如何处理图片。标准的Markdown图片语法是。当marked.js遇到这种格式时，它会将其解析为一个图片token，并最终通过其内置的渲染器转换为这样的HTML标签。
然而，像![[20230613_110437.jpg]]这样的语法并非标准Markdown的一部分。因此，当marked.js遇到它时，不会将其识别为图片token，而是将其作为普通文本处理，最终可能被包裹在
标签中，原样输出。这意味着，仅仅通过自定义marked.Renderer中的image方法是不足以解决问题的，因为image方法只会在marked.js已经识别出图片token后才会被调用。
解决方案核心思路：预处理与自定义渲染器
为了让marked.js能够正确处理![[filename]]这种自定义图片语法并为其添加路径前缀，我们需要采取两步策略：
- 预处理非标准图片语法： 在将Markdown内容传递给marked.js解析之前，使用正则表达式将![[filename]]格式转换为marked.js能够识别的标准Markdown图片语法，例如。
- 自定义图片渲染器： 利用`marked
