Django 下使用 SyntaxHighlight 代码高亮

其实就是在网页端显示代码高亮，不管是blog还是其他页面。

因为之前没用过，所以还是费了很多时间折腾，用下来发现其实很简单。

1.去官网下载SyntaxHighlighter.

2.解压后将syntaxhighlighter文件夹放到static 目录下

3.页面引入css和js文件

css

<link href="/static/syntaxhighlighter/styles/shCore.css" type="text/css" rel="stylesheet"/><link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreFadeToGrey.css"/>

js

<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script><script type = "text/javascript"  src = "/static/syntaxhighlighter/scripts/shBrushCss.js" ></script><script type = "text/javascript"  src = "/static/syntaxhighlighter/scripts/shBrushJScript.js" ></script><script type = "text/javascript"  src = "/static/syntaxhighlighter/scripts/shBrushPhp.js" ></script><script type = "text/javascript"  src = "/static/syntaxhighlighter/scripts/shBrushSql.js" ></script><script type = "text/javascript"  src = "/static/syntaxhighlighter/scripts/shBrushVb.js" ></script><script type = "text/javascript"  src = "/static/syntaxhighlighter/scripts/shBrushPython.js" ></script>

其中，shCore.js 文件必须添加，其他根据需要添加。

最后添加如下js

<script  type = "text/javascript">     SyntaxHighlighter.all();</script>

示例，Python代码

# Create your models here.class BlogPost(models.Model):title=models.CharField(max_length=100,verbose_name='标题')slug=models.SlugField(max_length=100)content=models.TextField(verbose_name='content')timestamp=models.DateTimeField()
        def __unicode__(self):return self.title@permalinkdef get_absolute_url(self):return('blog_article',None,{'slug',self.slug})


                                             
        0        0           
	
				
	
					   
Django 下使用 SyntaxHighlight 代码高亮
	  	   
测试下代码高亮
	  	   
Django+Markdown+Pygments 支持Markdown 实现代码高亮
	  	   
使用CodeHighlighter高亮代码
	  	   
使用SyntaxHighlighter高亮代码
	  	   
LaTeX下代码高亮(minted)
	  	   
Objective-C 在xp下环境搭建以及使用utraedit高亮显示编辑代码
	  	   
freemarker生成的前端代码下使用javascript实现导航菜单高亮显示
	  	   
<PY><Django>Win下Django安装使用
	  	   
使用 CodeHighlighter 将代码语法高亮
	  	   
使用 CodeHighlighter 将代码语法高亮
	  	   
Word中使用代码高亮插件
	  	   
使用google-code-prettify高亮代码
	  	   
代码高亮(SyntaxHighlighter)插件的使用
	  	   
代码高亮 highlightjs 使用文档
	  	   
[HTML] Prettify 代码高亮使用总结
	  	   
使用Pygments来实现代码高亮
	  	   
WebView使用SyntaxHighlighter实现代码高亮
	     		  
	  	   
展现报表同时后台导出excel
	  	   
局域网访问VMware中虚拟机
	  	   
第三天：基本数据结构--队列
	  	   
Java容器类List、ArrayList、Vector及map、HashTable、HashMap分别的区别.
	  	   
合并Excel报表复杂表头为一行显示
	  	   
Django 下使用 SyntaxHighlight 代码高亮
	  	   
一个程序员2013年的痛的领悟
	  	   
RC4加密算法
	  	   
java中四种操作（DOM、SAX、JDOM、DOM4J）xml方式详解与比较（一）
	  	   
Win7下安装Cygwin以及配置ssh
	  	   
myeclipse调整文本区的字体
	  	   
wxWidgets+CodeBlocks运行出错的解决
	  	   
[OpenWrt] Wake on LAN configuration
	  	   
escape()函数,encodeURI()函数 , encodeURIComponent() 函数区别