Prism.js语法突出显示不起作用

Question

我正在使用Docsify提供有关我的项目的文档。对于语法突出显示，我想使用prism.js。遗憾的是，突出显示部分不起作用。我也尝试了here提到的所有建议。

在我的index.html中，我包含了<script src="//unpkg.com/prismjs/components/prism-ruby.js"></script>，正如docsify提到的here。在我的file.md中，我想展示一些Ruby代码：

<pre><code class="language-ruby">
  def hello(name)
    p "Hello #{name}"
  end
</code></pre>

但是Ruby代码并没有被突出显示。

正在呈现的HTML：

<pre><code class="language-ruby">
  def hello(name)
    p "Hello #{name}"
  end
</code></pre>

这里我漏掉了什么？

Answer 1

尝试手动调用Prism.highlightAll()

​

<script defer src="./docsify.min.js"></script>
<script defer src="./prism.js"></script>
<script defer lang="javascript">
   window.$docsify = {
      // call Prism.highlightAll() in vue hook
      plugins: [
         function (hook, vm) {
            hook.doneEach(function (html) {
               Prism.highlightAll()
               console.log('mounted,', Prism, Prism.languages.flow)
            })

         }
      ]
   }
</script>

​

Answer 2

经过一些测试，docsify似乎不会要求Prism在手动放置标签时进行高亮显示。

如果没有什么可以阻止你使用标准的markdown语法，你应该更喜欢它：

```ruby

def hello(名称)

p "Hello #{name}"

结束