其实就是在网页端显示代码高亮,不管是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 @permalink def get_absolute_url(self): return('blog_article',None,{'slug',self.slug})