前因
最近,我的朋友在翻看我的博客时,问了我一个问题:这个语言是什么?这代码不应该是HTML吗?为什么会变成这样?
![Highlight.js代码识别不准确插图 Highlight.js代码识别不准确插图](https://vercel.cdn.wgzdy.top/wp-content/uploads/20221002105837.webp)
emmmm,看来Highlight.js的语言识别有点问题,那么,当遇到语言识别不准的时候,我们应该怎么修改呢?
![Highlight.js代码识别不准确插图1 Highlight.js代码识别不准确插图1](https://vercel.cdn.wgzdy.top/wp-content/uploads/20221002112801.webp)
改BUG
有两种方法。一是人工告诉Highlight.js这是什么代码,二是换一个代码高亮程序。
1 · 人工修改
首先我们得使用自定义HTML区块
![Highlight.js代码识别不准确插图2 Highlight.js代码识别不准确插图2](https://vercel.cdn.wgzdy.top/wp-content/uploads/20221002113309.webp)
然后就这样↓
<pre class="语言"><code>put your code there!</code></pre>
举个例子:
cout << "hello world!“;
但实际上,后台是这么显示的:
![Highlight.js代码识别不准确插图3 Highlight.js代码识别不准确插图3](https://vercel.cdn.wgzdy.top/wp-content/uploads/20221002114148.webp)
如果是多行代码的话,那就得这样子
test
test
test
test
test
![Highlight.js代码识别不准确插图4 Highlight.js代码识别不准确插图4](https://vercel.cdn.wgzdy.top/wp-content/uploads/20221002125847.webp)
2 · 换一个代码高光程序
使用Prism.js,链接:https://prismjs.com/index.html
Comments NOTHING