prismjs 基本使用
官网
https://prismjs.com/index.html
下载
https://prismjs.com/download.html
注意保存地址栏地址,下次访问可以恢复所选的内容
选择配色方案
选择语言
选择插件
如何使用
<link rel="stylesheet" type="text/css" href="../libs/prismjs/prism.css" />
<!-- 行内代码 -->
<code class="language-css">p { color: red }</code>
<!-- 行号与高亮行 -->
<pre class="line-numbers" data-line="2,5-15">
<!-- 设置语言 -->
<code class="language-java">
package com.laolang.graver.util;
import lombok.experimental.UtilityClass;
@UtilityClass
public class CharUtil {
public static final char zero_char = '\0';
public static final char brace_left_char = '{';
public static final String brace_left_literal = "{";
public static final char brace_right_char = '}';
public static final String brace_right_literal = "}";
public static final char parentheses_left_char = '(';
public static final String parentheses_left_literal = "(";
public static final char parentheses_right_char = ')';
public static final String parentheses_right_literal = ")";
public static final char semi = ';';
public static final String semi_literal = ";";
public static boolean isLowerLetter(char ch) {
return cn.hutool.core.util.CharUtil.isLetterLower(ch);
}
public static boolean isUpperLetter(char ch) {
return cn.hutool.core.util.CharUtil.isLetterUpper(ch);
}
public static boolean isDigit(char ch) {
return Character.isDigit(ch);
}
public static boolean isWordChar(char ch) {
return isLowerLetter(ch) || isUpperLetter(ch) || isDigit(ch) || '_' == ch;
}
public static boolean isWhitespace(char ch) {
return Character.isWhitespace(ch);
}
}
</code>
</pre>
<script>
window.Prism = window.Prism || {};
window.Prism.manual = false;
</script>
<script src="../libs/prismjs/prism.js"></script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?