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
	@permalink
	def get_absolute_url(self):
		return('blog_article',None,{'slug',self.slug})





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值