博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Django高亮Markdown代码
阅读量:6564 次
发布时间:2019-06-24

本文共 883 字,大约阅读时间需要 2 分钟。

hot3.png

###概述

自从用了markdown写文档就爱不释手, 可是总有点遗憾, 那就是代码高亮。把代码块打扮的好看点也总算对得起代码。Django要高亮markdown中的代码确实很简单, 只需要以下三步(当然前提是要先装了Django的markup app,使用方法参考 https://docs.djangoproject.com/en/1.4/ref/contrib/markup/)。 本文首先参考了 和 两篇文章, 将两个文章中的情景做了下总结。

###下载Pygements 代码样式

首先可以到 Pygements 官网查看样式, 在选择样式, 然后查看源代码, 将 /media/pygments_style.css 的代码拷贝下来存到一个css文件里即可。

或者如果觉得麻烦还可以到 https://github.com/icco/pygments-css 直接下载css。

但是不论下载哪个, 都要做个小修改。 对于从demo页面取下来的代码,将里面的 .syntax 替换为 .codehilite。对于从github下载的样式,将里面的 .highlight 替换为 .codehilite 即可。

###代码样式引入HTML

这步简单, 在模版中添加引入css的代码即可

:::Html

###渲染代码块

此处可能涉及到两种用法,

  1. 在代码中渲染

    :::Python     import markdown md = markdown.Markdown(extensions=['codehilite'])
  2. 在模版中渲染

    :::Django {% load markup %} {
    { post.body|markdown:'codehilite'}}

###总结

pygements会自动识别代码类别, 如果不放心的话可以再代码块前加上 :::{Language} 指明语言即可。

参考资料:

[1]

[2]

转载于:https://my.oschina.net/GivingOnenessDestiny/blog/144625

你可能感兴趣的文章
Eclipse插件开发- view to view drag drop
查看>>
Linux 技巧:让进程在后台可靠运行的几种方法
查看>>
根据Servlet的Filter自定义实现字符编码过滤器
查看>>
oh-my-zsh安装与配置
查看>>
git修改远程仓库地址
查看>>
Guess the number
查看>>
iscsi网络存储
查看>>
团队随笔
查看>>
Java内存块说明
查看>>
List集合具体对象的特点
查看>>
网络信息安全之防火墙***检测方法 (五)
查看>>
怎样为用户写“招标书”
查看>>
1.7 文件目录管理及相关的命令使用方法
查看>>
实际案例告诉你大数据在农业中如何应用
查看>>
LAMP优化策略
查看>>
PDF中添加页面/合并 PDF 内容
查看>>
JS仿FLASH特效可跳转回首页的CSS二级联动菜单
查看>>
页面导入样式时,使用link和@import有什么区别?
查看>>
类成员与类的实例成员
查看>>
Spark源码编译并在YARN上运行WordCount实例
查看>>