在 Markdown 里写作时,想要html代码高亮,你可能需要这么写,如下图所示:

我是一张演示图

这是最简单的办法,截图。如何以文字的方式直接显示出来呢?用转义来实现。

这里展示的是html原始代码。普通的字符以\开头就行。而遇到像<meta>标签那里,需要以空格开头,就有点犯难。在搜索引擎上找了一番,找到SF上的一个问答:

http://segmentfault.com/q/1010000000125730/a-1020000000126104

solodu答道:

直接写
半方大的空白&ensp;&#8194;
全方大的空白&emsp;&#8195;
不断行的空白格&nbsp;&#160;

于是,我们可以写成这样:

\```html
\<!DOCTYPE&ensp;html>
\<html&ensp;lang="en">
\<head>
&ensp;&ensp;&ensp;&ensp;\<meta charset="UTF-8">
&ensp;&ensp;&ensp;&ensp;\<title>Document</title>
\</head>
\<body>
    
\</body>
\</html>
\```

以上的代码如果没有用到代码高亮

\```html
\<!DOCTYPE&ensp;html>
\
\<head>
&ensp;&ensp;&ensp;&ensp;\<meta charset="UTF-8">
&ensp;&ensp;&ensp;&ensp;\<title>Document</title>
\</head>
\<body>

\</body>
\</html>
\```

要写成这样:

\\```html
\\<!DOCTYPE\&ensp;html>
\\<html\&ensp;lang="en">
\\\<head>
\&ensp;\&ensp;\&ensp;\&ensp;\\\<meta charset="UTF-8">
\&ensp;\&ensp;\&ensp;\&ensp;\\\<title>Document\</title>
\\\</head>
\\\<body>
    
\\\</body>
\\\</html>
\\```

好吧,折腾这么久,无非是想让你看到,在普通编辑器里,这源码就是这样:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>
```

是不是跟图片显示的结果一样?