highlight.js 无法自动识别语言类型，无法自动实现高亮

我从 https://github.com/isagalaev/highlight.js 上下载的源码，并按照 README.md 里面提示的步骤进行了集成，但是我发现 highlight.js 并不能实现代码高亮。

令人困惑的是，我通过右键检查，发现 <pre><code class='hljs'></code></pre>, 说明 js 是起作用了的，只是没有对应语言的 css

1551 次阅读改进

1 个解决方案

AllenJiang

中间件研发，关注微信公众号 : 小哈学Java, 回复"666", 即可免费领取10G学习&面试资料

直接使用 https://github.com/isagalaev/highlight.js 下载包里面的 highlight.js 会有问题（我猜测：可能是作者忘记提价最新的代码了）

我们可以按照官网的指示来进行集成：

cdnjs：

<link rel="stylesheet"
	  href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>

或者 jsdelivr：

<link rel="stylesheet"
	  href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.12.0/build/styles/default.min.css">
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.12.0/build/highlight.min.js"></script>

正确引入 css 和 js 文件后，添加 script 脚本：

<script>hljs.initHighlightingOnLoad();</script>

这样，就能正常高亮了！

改进