码迷,mamicode.com
首页 > 编程语言 > 详细

[python][django学习篇][14]markdown 代码高亮

时间:2017-08-11 14:39:11      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:static   extra   修改   高亮   django   com   样式   渲染   入门指南   

1 修改detail视图函数,渲染文件的时候,增加codehight拓展

    post.body = markdown.markdown(post.body,
                                  extensions=[
                                      markdown.extensions.extra,
                                      markdown.extensions.codehilite,
                                      markdown.extensions.toc,
                                  ])

2 安装Pygments 进入虚拟环境, pip install Pygments

3 修改base.html, 增加代码高亮的样式css 增加一行:    <link rel="stylesheet" href="{% static ‘blog/css/highlights/github.css %}"

templates/base.html

...
<link rel="stylesheet" href="{% static ‘blog/css/pace.css‘ %}">
<link rel="stylesheet" href="{% static ‘blog/css/custom.css‘ %}">
...
+ <link rel="stylesheet" href="{% static ‘blog/css/highlights/github.css‘ %}">


4 后台修改文章,增加一段代码;然后进入文章详情页面,查看代码是否高亮

 代码用反单引号引起(英文状态)

5 markdown 入门指南 

  

  

[python][django学习篇][14]markdown 代码高亮

标签:static   extra   修改   高亮   django   com   样式   渲染   入门指南   

原文地址:http://www.cnblogs.com/liuzhipenglove/p/7345548.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!