最近准备吧个人网站使用到的css框架简单的写一个文档,但是基础功能里面缺少了代码高亮显示。这里就只能自己重新百度搜索并且去使用插件了。我用的是 highlightjs,示例页面http://www.17sohu.com/html/yiqishou/203.html
下面是使用教程:
引用
<!--highlightjs代码高亮-->
<link rel="stylesheet" type="text/css" href="https://www.17sohu.com/static/js/default.min.css">
<script type="text/javascript" src="https://www.17sohu.com/static/js/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
引用的话其实有很多样式提供给您选择,您也可以选择atom-one-dark.min.css样式
<!--highlightjs代码高亮-->
<link rel="stylesheet" type="text/css" href="https://www.17sohu.com/static/js/atom-one-dark.min.css">
<script type="text/javascript" src="https://www.17sohu.com/static/jshighlight.min.js"></script>
<script>
hljs.highlightAll();
</script>