Markdown 代码高亮

  1. 前言

Markdown 的代码高亮是对代码块语法的扩展。即通过对代码块进行语法标注，对其在渲染输出时匹配不同的样式。

代码高亮模块是 Markdown 的一种扩展语法，通常通过第三方的高亮插件完成支持。常见的高亮插件实现如 Typora 使用的 「codemirror」，还有在网页中应用较多的 「highlightjs」等。大部分的 Markdown 编辑器或者编辑环境都已经集成好，只要按照其语法规范，在文档完成渲染后即可得到带有高亮样式的代码块了。

环境说明：

考虑到 Markdown 工具之间的不兼容，有的内容直接从页面复制粘贴到本地不会正常显示，大家学习时自己动手写是肯定没问题的。本节所有实例代码及演示效果均使用 Typora 工具完成。

  1. 语法详解
  2. 1 基础语法

在 Markdown 文件中，代码块后面标注语法类型，即可完成语法的高亮显示。

实例 1：

高亮 Html 代码

​```html
highlight

Hello world

​```

其渲染结果如下：
65d59c57a9d9e5e574ac6f51785ef775.png

其转换后的 html 的内容如下：

text
1 
此处省略

可以看到࿰

原文地址：https://blog.csdn.net/weixin_42305648/article/details/114733118?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905959516800227485936%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905959516800227485936&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-11-114733118-null-null.142^v88^control,239^v2^insert_chatgpt&utm_term=markdown