highlight.js如何高亮代码并显示行号

 时间:2024-10-21 14:37:19

1、自行进入highlight.js的官网,然后点击按钮“Get version ...”进入下载页面

highlight.js如何高亮代码并显示行号

3、将下载好的文件解压缩到任意目录,新建一个demo.html

highlight.js如何高亮代码并显示行号

5、在styles/default.css里追加一段代码,保存!.hljs ul { 盟敢势袂list-style: decimal;艘早祓胂 margin: 0 0 0 40px!important; padding: 0}.hljs li { list-style: decimal-leading-zero; border-left: 1px solid #111!important; padding: 2px 5px!important; margin: 0!important; line-height: 14px; width: 100%; box-sizing: border-box}.hljs li:nth-of-type(even) { background-color: rgba(255,255,255,.015); color: inherit}

highlight.js如何高亮代码并显示行号
  • 游戏攻略 :七巧板世界怎么玩
  • 春节糖果怎么画
  • 迷你世界开局选皮肤教程
  • print的名词有哪些
  • 火影忍者超耐力忍传怎么搞
  • 热门搜索
    九寨沟旅游价格 耶路撒冷旅游 拉萨旅游网 沙坡头旅游 去欧洲旅游要多少钱 广东省旅游景点 广西旅游攻略自助游 旅游博客 冀晋鲁旅游惠民卡 浙江长兴旅游