Markdown支持非常有用的代码块。通过指定我们想要的语言(如``cpp(,我们也可以自动高亮显示颜色语法。示例如下所示。
#include <iostream>
int main(){
printf("hello");
}
所以,我的问题是如何在html文件上执行此操作?
我已经知道你可以制作代码块,有了这个-><pre><code> write here </code></pre>
,但我想要语法高亮显示功能。
如有任何指导,我们将不胜感激。谢谢
您可能希望使用像highlight.js 这样的库
否则,您将不得不将每个关键字、变量、函数名、运算符等封装在它们自己的span标记中,并应用类,为每种支持的语言中的每一个不同事物创建一个颜色模式
除了使用库(或创建自己的库,以取乐(之外,这相当乏味。
FYI:有没有想过右键单击并检查示例中的元素?您的示例结果如下HTML:
<pre class="lang-cpp s-code-block hljs"><code><span class="hljs-meta">#<span class="hljs-meta-keyword">include</span> <span class="hljs-meta-string"><iostream></span></span>
<span class="hljs-function"><span class="hljs-keyword">int</span> <span class="hljs-title">main</span><span class="hljs-params">()</span></span>{
<span class="hljs-built_in">printf</span>(<span class="hljs-string">"hello"</span>);
}
</code></pre>
正如你所看到的,这将是非常乏味的创建自己,所以使用一个库。