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

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

一、Markdown你的博文

Markdown越来越流行,越来越多的写博客的博主都喜欢上了markdown这种标记性语言的易用性和美观性,像简书,作业部落,Mou都是比较出名的markdown在线或者离线形式

现在我们就来markdown自己的博客,首先是安装markdown库,使用下面命令

 

接下去是怎么markdown你的博文,在article下建立新文件夹templatetags,然后定义自己的template filter:在templatetags中建立__init__.py,让文件夹可以被看做一个包,然后在文件夹中新建custom_markdown.py文件,代码如下

 

在setting.py的INSTALLED_APPS列表最后添加article.templatetags.custom_markdown

然后只需要对需要进行markdown化的地方进行简单的修改,我们回到templates文件夹中,修改post.html文件:

 

{% load custom_markdown %}添加自定义的filter,然后使用filter的方式为{

{post.content|custom_markdown}}

现在我们进入admin界面,对Article对象的内容content使用markdown语句进行修改

 

现在我们在看一下每一篇博文的效果

 

我们的主页home.html也要做响应的修改

现在启动web服务器,在浏览器中输入,可以看到全新的MarkDown效果

 

 

二、代码高亮

这里代码高亮使用了一个CSS文件导入到网页中就可以实现了,因为上面写markdown的filter中已经添加了扩展高亮的功能,所以现在只需要下载CSS文件就好了

在pygments找到你想要的代码主题,这里选择monokai,然后在pyhments-css下载你喜欢的CSS主题,然后加入当博客目录的static目录下

或者使用最简单的方法,直接修改base.html文件,添加如下一行代码:

<link rel="stylesheet" href="http://picturebag.qiniudn.com/monokai.css">

 

现在添加一个带有markdown样式的代码的文章,就能看到效果了,在markdown中,引用代码用连续四个空格表示

 

将文章保存后,进入前台文章查看效果

 

转载于:https://www.cnblogs.com/cchengyu/p/6991060.html

你可能感兴趣的文章
十六进制转二进制
查看>>
设计模式之模板模式
查看>>
直接插入排序
查看>>
springmvc4.x返回json数据
查看>>
iOS逆向之三-authorized_keys ssh登录越狱手机免验证设置
查看>>
解决linux的-bash: ./xx: Permission denied
查看>>
Laravel 第三方登陆之 Socialite Providers
查看>>
Ubuntu14.10 remove ibus 之后
查看>>
Spring第一天
查看>>
springMVC笔记系列(20)——控制器实现详解(下)
查看>>
Linux文件上传下载,rz和sz
查看>>
在as3中使用嵌入字体
查看>>
How processor, assembler, and programming langu...
查看>>
五种方法解决Magento中jQuery和Prototype兼容性
查看>>
PPT模板网站
查看>>
InSave 隐私政策
查看>>
[Linux command]批处理注释
查看>>
delphi 操作文件时间的函数
查看>>
nodjs 生产环境及升级问题
查看>>
JS判断客户端是否是iOS或者Android手机移动端
查看>>