markdown-it 官方demo markdown-it 文档 1、配置highlightjs,针对markdown中各种语言高亮,针对对应的标签 pre code 里面的样式 -- index.js var hljs = require ...
一 markdown 安装markdown 应用markdown 进入blog APP,创建templatetags文件夹,在文件夹内创建 init .py,custom markdown.py 修改custom markdown.py 在模板中添加markdown: 现在我们可以使用markdown的语法了,如果需要代码高亮,我们需要使用highlight.js 二 代码高亮 下载highlig ...
2016-03-26 15:59 0 2351 推荐指数:
markdown-it 官方demo markdown-it 文档 1、配置highlightjs,针对markdown中各种语言高亮,针对对应的标签 pre code 里面的样式 -- index.js var hljs = require ...
复制下面代码,保存为html,浏览器打开预览即可。 ...
在网页使用过程中,经常会用到代码的展示。而不同颜色的代码,可以让代码看起来更直观,也更美观。 找了几个不同的插件,觉得highlight的插件比较实用,而且用起来炒鸡简单。 比如这样: 首先,我们先下载一个highlight的js文件。 https ...
在逛别人的博客的时候,看见别人的代码的例子使用了高亮的语法,无论是java,js还是php等等语言,都会自动的对关键字进行高亮。 于是在前几天自己写了一个博客,遇到code时,自然就想到了别人网站如何漂亮,巴拉巴拉。 开始了正式的捣鼓。 在捣鼓之前去别的网站看了看。这里贴上简书的效果 ...
在网页使用过程中,经常会用到代码的展示。而不同颜色的代码,可以让代码看起来更直观,也更美观。 找了几个不同的插件,觉得highlight的插件比较实用,而且用起来炒鸡简单。 比如这样: 首先,我们先下载一个highlight的js文件。 https ...
文件高亮显示: 来源:http://hi.baidu.com/shdren09/item/35feece67a7327afc00d753f ...
showdownGithub地址: https://github.com/showdownjs/showdown 在vue项目中,通过showdown 实现markdown文件的预览,highlight.js实现代码块的高亮。 1.安装showdown 2.在组建中引入 ...
首先单纯页面若全部为md文件:如下~ 1. 2.build/webpack.base.conf.js添加 3.main.js 4.在相应的组件 ...