美文网首页
怎么将文章中的代码高亮显示?

怎么将文章中的代码高亮显示?

作者: 魔思科技 | 来源:发表于2018-08-27 23:38 被阅读2次

使用highlight.js将文章中的代码高亮显示,可以自动识别语言类型

一、下载

下载地址

二、头部引用样式和js

<link rel="stylesheet" type="text/css" href="styles/default.css">
<script src="highlight.pack.js"></script>

三、调用方法

<pre>
    <code>
        这里是代码
    </code>
</pre>
<script type="text/javascript">
    hljs.initHighlightingOnLoad();
</script>

想要获取更多干货解读或留有疑问,欢迎百度搜索【魔思工作室】或者关注、私信我们。

魔思工作室官网:mos01.com

查看原文

相关文章

网友评论

      本文标题:怎么将文章中的代码高亮显示?

      本文链接:https://www.haomeiwen.com/subject/ceyxwftx.html