首页 > 代码

极简!不用插件的高亮代码引用显示,直接调用jsdelivr的js和css

首先,确定你不是一个喜欢装逼追求极致人的,要什么真正的高亮呀,要显示行号呀,要一键复制呀。说实在的,少用一个功能就少引用一个js,网页就轻一点速度就快一点。
现在的目标就是管他妈的什么代码,SQL、PHP、java、pathon、css等等,只要能完整展示出来就行了,别出错别被隐藏了就行。
别管它读者看起来爽亮,那都是屁!
正题开始:

核心引用这三个就可以了,
https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css
https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js
https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markup.min.j

在你的网站原代码或模板里加入


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css" />
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/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/prismjs@1.29.0/components/prism-php.min.js
https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-sql.min.js
https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-css.min.js
https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-javascript.min.js

然后把


<pre><code class="language-html">
...
</code></pre>

改成


<pre><code class="language-php">
...
</code></pre>

  • 彻底删除wordpress里的global-styles-inline-css
  • <style id='global-styles-inline-css' type= […]

  • 能批量下载 X(Twitter)公开视频的 Python 版
  • 能批量下载 X(Twitter)公开视频的 Python 版。核心用的是 yt-dlp,它是一个活跃维护的开源 […]

  • 服务器上mysql数据库很多,某个库把整台服务器拉爆了,如何定位找到罪魁?
  • 服务器上mysql数据库很多,某个数据库把整台服务器拉爆了,如何定位找到罪魁? 先在 MySQL 里把“正在烧 […]

  • 极速打包几百万文件成.zip,比传统方式快几十倍
  • 假如,一个文件夹里面有几十上百万张图片,要把这个文件夹打包成.zip,按传统的windows自带的工具压缩或普 […]

  • Rufus是什么?为什么很多人推荐
  • Rufus 是一个非常流行的Windows 平台下用于创建启动U盘(Bootable USB)的免费工具。官网 […]

  • 批量设置wordpress文章分类,把文章 ID 区间为 1256869 到 1257421批量设置分类为 ID =5
  • 将 cuwen.wp_posts 中 文章 ID 区间为 1256869 到 1257421(含) 的文章批量 […]