hexo 插入图片

发表于 更新于 本文字数： 93 阅读时长 ≈ 1 分钟

vscode 内无法预览代码的图片，通过插件 Markdown Preview Enhanced 来解决，首先安装此插件，然后 ctrl+shift+P 输入

1
Markdown Preview Enhanced: Extend Parser

调出插件的 parse.js 文件，修改其中的 onWillParseMarkdown 方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
module.exports = {
  onWillParseMarkdown: function (markdown) {
    return new Promise((resolve, reject) => {
      const title = /title:\s*(.*)/.exec(markdown)[1].replace(/\s/, '-')
      markdown = markdown.replace(
        /\{%\s*asset_img\s*(\S*)\s*(.*)\s+%\}/g,
        (whole, $1, $2) =>  (`![${$2}](${title}/${$1})`)
      )
      return resolve(markdown)
    })
  },
  ...  ...
};