使用highlight实现代码高亮

2016-04-01 21:46 by xueweihan

步骤

  1. 去官网下载:https://highlightjs.org/
  2. 在页面上引入,样式css和highlight.js静态文件
  3. 加入一段js代码,使得highlight.js生效,分析<pre><code></code></pre>标签中的内容,实现代码高亮:
<script>hljs.initHighlightingOnLoad();</script>

实例:

注意:我的css和js都放到了static目录下

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <!-- Hightlight.css -->
        <!-- 我选用的是hybrid主题 -->
        <link href="/static/css/hybrid.css" rel="stylesheet">
    </head>

    <body>
        <pre ...
read more
Fork me on GitHub