首先,确定你不是一个喜欢装逼追求极致人的,要什么真正的高亮呀,要显示行号呀,要一键复制呀。说实在的,少用一个功能就少引用一个js,网页就轻一点速度就快一点。
现在的目标就是管他妈的什么代码,SQL、PHP、java、pathon、css等等,只要能完整展示出来就行了,别出错别被隐藏了就行。
别管它读者看起来爽亮,那都是屁!
正题开始:
核心引用这三个就可以了,
https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-tomorrow.min.css
https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js
https://cdn.jsdelivr.net/npm/[email protected]/components/prism-markup.min.j
在你的网站原代码或模板里加入
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-tomorrow.min.css" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/components/prism-markup.min.js"></script>
去找个代码转义工具把你的代码转义一下:
工具如:https://www.liuzhongwei.com/tool/auto_converted_code.html
把转义好的代码复制到你的编辑器内,提交就可以了。
如果你真的要装逼色彩,比如你的代码是php
那就再多加引用个prism-php.min.js
https://cdn.jsdelivr.net/npm/[email protected]/components/prism-php.min.js
https://cdn.jsdelivr.net/npm/[email protected]/components/prism-sql.min.js
https://cdn.jsdelivr.net/npm/[email protected]/components/prism-css.min.js
https://cdn.jsdelivr.net/npm/[email protected]/components/prism-javascript.min.js
然后把
<pre><code class="language-html">
...
</code></pre>
改成
<pre><code class="language-php">
...
</code></pre>