Django高亮显示代码

网上冲浪看到好多教程都是Markdown filter 的高亮方案，而且大多互相抄袭结果设置好好久就是不显示，所以采用另一种方案，

上一篇文章说到用ckeditor可以插入高亮代码。

但是当加载显示的时候却不亮了，查看网页源码可以看到已经有了相关的tag

<pre>
    <code class="language-bash hljs">python setup.py install</code>
</pre>

进入正题：

首先去官网下载，可能墙了https://highlightjs.org/

简单使用：在需要高亮的页面加入下面三句

<link rel="stylesheet" href="/path/to/styles/default.css"> 

<script src="/path/to/highlight.pack.js"></script> 

<script>hljs.initHighlightingOnLoad();</script>

比如我的就写在base.html中，并且把相关文件复制到django静态文件夹：

    <!--以下三句实现高亮显示-->
    <link rel="stylesheet" href="{{BASE_DIR}}/static/foundation.css">
     <script src="{{BASE_DIR}}/static/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

默认高亮<pre><code></code></pre>块包裹的代码

thinking