前言

为了更好的学习，我爬取了csdn和简书的一些文章，爬取比较简单，就是有bs4爬取的，直接拿到 html代码到wp中发布即可，但是，问题是代码块部分一直是纯字符，没有高亮，这显得我发布的文章像是爬取的，而且阅读起来可读性不强，所有我就Google了一下

highlight.js

代码部分原理很简单，就是头部引入依赖文件，在尾部启动即可

<meta name="referrer" content="no-referrer" />

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>

尾部调用

<script>
console.log("运行页脚代码");
// 开启代码高亮
hljs.initHighlightingOnLoad();
hljs.highlightBlock(document.getElementsByTagName("code"));

</script>

结束

这样就实现了code标签代码块内部字符高亮了！

不懂的私信我，手把手教！