gatsby-remark-vscode未显示正确的颜色主题

Question

我正在尝试格式化markdown文件中的代码块，以便在Gatsby网站上发布。

我希望代码块以VSCode的一种颜色主题(例如，Dark + )显示。我已经安装了npm的gatsby-remark-vscode，并将插件放在我的gatsby-config.js文件中：

plugins: [
    {
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [{
          resolve: 'gatsby-remark-vscode',
          options: {
            colorTheme: 'Dark+ (default dark)',
            injectStyles: true,
            extensions: [{
              identifier: 'sdras.night-owl',
              version: '1.1.3'
            }],
            extensionDataDirectory:
              path.resolve('extensions'),
            logLevel: 'error'
          }
        }]
      }
    },
]

我需要在我的gatsby-config.js文件的顶部使用'path‘：

const path = require('path');

我已经在我的gatsby-browser.js文件中导入了样式表：

import 'gatsby-remark-vscode/styles.css';

我在我的markdown文件(包含博客帖子的文件)中使用了反标记来格式化，如下所示：js (CODE EXAMPLE)

当我在npm运行develop时，我看不到代码块的正确VSCode格式，只看到一个与我们在StackOverflow代码块上看到的代码块类似的代码块。我非常感谢任何关于如何在我的代码块中呈现正确主题的建议。

Answer 1

哦-看起来我使用的是以前版本的gatsby-remark-vscode。更新版本并遵循自述文件中的配置说明解决了此问题。