首页 > 代码

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

首先,确定你不是一个喜欢装逼追求极致人的,要什么真正的高亮呀,要显示行号呀,要一键复制呀。说实在的,少用一个功能就少引用一个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>

  • 用python批量提取wordpress文章标题关键词,再全自动给相关文章打标签
  • 文章很多,相关文章也很多,用标签相互关联起来,有利于访问者也有利于seo, 靠纯手工应对操作,会很快崩溃!所以 […]

  • 一次性清空所有wordpress标签,以及后续标签从新id开始
  • 要一次性清空 WordPress 所有标签(tags),并确保 后续新标签的 ID 从头开始(如从1开始),你 […]

  • wordpress关键词批量打标签工具
  • 举个栗子:我的网站里有很多关于刘亦菲的文章,现在需要给所有标题里含有“刘亦菲”的文章 打个(刘亦菲)的标签, […]

  • wordpress补全标签tag关联文章工具插件
  • 给同类文章加上了tag标签,可是依然有部分同类文章没加上或忘记加, 如果手动回去慢慢搞,量不多还好说,可是量一 […]

  • 用宝塔面板的网站,搭建把防爬虫及无效蜘蛛规则
  • 用宝塔面板的网站,搭建把防爬虫及无效蜘蛛规则 建议你把防爬虫规则放在 /www/server/nginx/co […]

  • 将阿里云上的数据库直接导出到本地,突破100万限制
  • 前提背景:购买了阿里的数据库服务,网站数据几百万条,直接用阿里在线的DMS导出数据,只能导出100万条,超过了 […]