markdown 代码高亮（19）

markdown的使用：

引入 js 文件，里面有 marked() 函数，用于对文本进行 markdown 渲染

在模板内直接书写 js 语法，实现 markdown 功能：

上面这段代码放在末尾：

• querySelector() 返回找到的第一个元素；
• querySelectorAll() 返回找到的所有元素；

逻辑：
获取标记的元素，获取元素的文本，对文本进行渲染，替换原始文本；
注意：
渲染模板时，文本需要通过元素的 textcontent 属性获取，这样获取的文本不会被转义，innerText() 属性获取的文本部分会被转义。插入时用 innerText() 属性就行；其余的和以前实现 markdown 功能的流程一样。

代码高亮

代码高亮是 markdown 的升级版，markdown 虽然能区别代码与文字，但是代码的颜色都一样，代码高亮可以区别字符：

普通 markdown：

markdown.png

高亮：

高亮.png

代码高亮的基本文件：

需要高亮什么语言，就引入该语言的 js（python）

js

经过 marked() 函数渲染的被包裹的代码块，将会变成：

图片.png

通过将 元素类名 lang 替换为 language，即可实现不同语言的自动高亮。

图片.png

两个基本文件以及需要高亮语言的文件，再加上一段上面的代码即可；