引入了highlight对应主题的css但是没法正常显示

[YinanZhaoXometry]

引入了highlight.js然后加载到了window上：

import hljs from 'highlight.js'
window.hljs = hljs

引入了css但是不起作用：

@import 'highlight.js/styles/atom-one-dark.css';

只能再引入详细的背景和字体的颜色才行：

  /*修改代码块背景色及字体颜色*/
  .theme .editor-preview-side pre, .theme .editor-preview pre{
    color: #abb2bf !important;
    background: #282c34 !important;
  }

很喜欢这个编辑器，希望能继续维护！

[F-loat]

引用顺序有问题没

@import '~simplemde/dist/simplemde.min.css';
@import '~highlight.js/styles/atom-one-dark.css';

[YinanZhaoXometry]

引用顺序如下：

  @import 'simplemde/dist/simplemde.min.css';
  @import 'github-markdown-css';
  @import 'highlight.js/styles/atom-one-dark.css';

我上面写的看了vue-simplemde仓库里的Demo Source，才学习到的：

/*修改代码块背景色及字体颜色*/
  .theme .editor-preview-side pre, .theme .editor-preview pre{
    color: #abb2bf !important;
    background: #282c34 !important;
  }

有没有可能不再单独覆盖背景和字体样式？

[pdt590]

+1 - I had same issue. Code does not highlight when i set up as your tutorial.