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

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

作者: 魔思科技 | 来源:发表于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