代码块
6 个月前
何方
5
7.1 行内代码
使用一对反引号(`)来创建行内代码。如果在行内代码中需要包含反引号本身,可以使用两个反引号对加前后空格来创建。
| Markdown | HTML | 预览 |
|---|---|---|
这是行内`代码` |
<p>这是行内<code>代码</code></p> |
这是行内代码 |
<code dangerouslySetInnerHTML={{ __html: '`' }}/> |
<code>`</code> |
` |
7.2 代码块
将文本的每一行缩进至少四个空格或一个制表符。这样这些文本会变成代码块。
下面的代码
<html>
<head></head>
</html>
会生成下面的效果
<html>
<head></head>
</html>
7.3 围栏式代码块
在很多 Markdown 解析器里都支持使用三个反引号(`)或三个波浪号(~)来定义围栏式代码块。同时这种代码块配合插件还可以做到代码高亮、行号等高级功能。
如果在代码块中也存在三个反引号或波浪号,可以在外层使用 4 个。
注意
下面的代码有高亮显示效果,这并不是 Markdown 本身的功能,而是通过第三方插件 Prism.js 做到的。一般在开始的三个反引号或波浪号的后面加代码语言可以指定代码的语言从而可以使用第三方插件做到高亮效果。
下面的代码
```javascript
const a = 1;
const b = 2;
function add(num1, num2) {
return num1 + num2;
}
console.log(add(a, b));
```
会生成下面的效果
const a = 1;
const b = 2;
function add(num1, num2) {
return num1 + num2;
}
console.log(add(a, b));
版权声明
该内容为本站原创,转载请注明本站出处。