如何在 nuxt.js 中使用 markdown-it 插件选项

Question

我正在使用 @nuxtjs/markdownit 解析 markdown 文件，我想在 'markdown-it-anchor' 插件中启用创建永久链接功能，我在 nuxt.config.js 中使用了以下代码但没有工作：

  modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    '@nuxtjs/markdownit'
  ],
  markdownit: {
    preset: 'default',
    linkify: true,
    breaks: true,
    typographer: true,
    html: false,
    use: [
      'markdown-it-anchor',
      'markdown-it-attrs',
      'markdown-it-div',
      'markdown-it-toc-done-right',
      'markdown-it-emoji'
    ]
  },
  'markdown-it-anchor': {
    level: 1,
    // slugify: string => string,
    permalink: true,
    // renderPermalink: (slug, opts, state, permalink) => {},
    permalinkClass: 'header-anchor',
    permalinkSymbol: '¶',
    permalinkBefore: true
  },

Answer 1

自我回答：我在这个 post

中找到了语法

markdownit: {
    preset: 'default',
    linkify: true,
    breaks: true,
    typographer: true,
    html: false,
    use: [
      [
        'markdown-it-anchor',
        {
          level: 1,
          // slugify: string => string,
          permalink: true,
          // renderPermalink: (slug, opts, state, permalink) => {},
          permalinkClass: 'header-anchor',
          permalinkSymbol: '¶',
          permalinkBefore: true
        }
      ],
      'markdown-it-attrs',
      'markdown-it-div',
      'markdown-it-toc-done-right',
      'markdown-it-emoji'
    ]
  },

如何在 nuxt.js 中使用 markdown-it 插件选项

How to use markdown-it plugins options in nuxt.js

javascript

nuxt.js

markdown-it