首页 > 网站 > Highlight.js代码识别不准确

前因

最近,我的朋友在翻看我的博客时,问了我一个问题:这个语言是什么?这代码不应该是HTML吗?为什么会变成这样?

Highlight.js代码识别不准确插图

emmmm,看来Highlight.js的语言识别有点问题,那么,当遇到语言识别不准的时候,我们应该怎么修改呢?

Highlight.js代码识别不准确插图1
我的代码高亮是Highlight.js

改BUG

有两种方法。一是人工告诉Highlight.js这是什么代码,二是换一个代码高亮程序。

1 · 人工修改

首先我们得使用自定义HTML区块

Highlight.js代码识别不准确插图2

然后就这样↓

<pre class="语言"><code>put your code there!</code></pre>

举个例子:

cout << "hello world!“;

但实际上,后台是这么显示的:

Highlight.js代码识别不准确插图3

如果是多行代码的话,那就得这样子

test
test
test
test
test
Highlight.js代码识别不准确插图4

2 · 换一个代码高光程序

使用Prism.js,链接:https://prismjs.com/index.html

相关文章