测试highlighter语法高亮
一些Highlighter参数简介:
<div class="cnblogs_Highlighter">
<pre class="
brush: cpp; //指定编程语言,以此来决定代码着色规则
title:null; //设置显示在被着色代码块上方的Title。**该参数不生效
auto-links: fasle; //是否自动将网址转换为链接,默认关闭。**该参数不生效
collapse: false; //是否默认折叠代码块。默认不折叠。**该参数不生效
first-line: 1; //设定行号的起始数值,默认从1开始。
gutter: true; //是否允许代码块显示行号。默认显示
highlight: null; //标记重要行,可用[1,3,5]这类格式,让它们高亮显示。默认不高亮
html-script: false; //是否开启 HTML/XML 标签着色特性。默认关闭。
light: false; //是否开启轻量模式。默认关闭。开启轻量模式等同于"gutter: false" + "toolbar: false"
ruler: false; //是否在代码上方增加一行,用于标注代码所使用的列数。默认关闭。**该参数不生效
smart-tabs: true; //是否启用智能制表符缩进
tab-size: 4; //制表符长度
toolbar: false; //设置是否显示工具栏。默认关闭。**该参数不生效
">
//代码位置
//代码位置
</pre>
</div>
示例代码:
<div class="cnblogs_Highlighter">
<pre class="brush: python;first-line: 1;gutter: true;highlight: [2,3];">
print('hello world hello world hello world hello world hello hello world')//代码位置
print('hello world')//代码位置
print('hello world hello world hello hello world')//代码位置
</pre>
</div>
效果如下:
1 2 3 | print ( 'hello world hello world hello world hello world hello hello world' ) / / 代码位置 print ( 'hello world' ) / / 代码位置 print ( 'hello world hello world hello hello world' ) / / 代码位置 |
注:这种代码块高亮,最好保持代码长度在一行以内,要适配手机最好不要着重显示,且很多参数无法修改。
不着重且显示行号,效果如下:
1 2 3 | print ( 'hello world hello world hello world hello world hello hello world' ) / / 代码位置 print ( 'hello world' ) / / 代码位置 print ( 'hello world hello world hello hello world' ) / / 代码位置 |
参考链接:
https://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html
https://wordpress.diguage.com/archives/59.html
文章作者: jianmuzi
文章出处: https://www.cnblogs.com/jianmuzi/p/16724822.html
版权声明: 本博客为学习时整理的笔记,文章 [大部分为原创] 作品,转载请 [注明文章出处] ,您的支持是我创作的动力!
转载文章,请遵守《中华人民共和国著作权法》相关规定或遵守《署名CC BY-ND 4.0国际》禁止演绎规范,携带原创出处转载。
文章出处: https://www.cnblogs.com/jianmuzi/p/16724822.html
版权声明: 本博客为学习时整理的笔记,文章 [大部分为原创] 作品,转载请 [注明文章出处] ,您的支持是我创作的动力!
转载文章,请遵守《中华人民共和国著作权法》相关规定或遵守《署名CC BY-ND 4.0国际》禁止演绎规范,携带原创出处转载。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)