"plugins":["github",//添加github图标链接"splitter",//使侧边栏的宽度可被自由调整"-sharing",//卸载默认分享插件"sharing-plus",//增强型分享插件"-highlight",//卸载默认的代码高亮插件"prism
在blog_tags.py添加代码: fromdjangoimporttemplateimportmistunefrompygmentsimporthighlightfrompygments.lexersimportget_lexer_by_namefrompygments.formattersimportHtmlFormatter register=template.Library()defblock_code(text,lang,inlinestyles=False,linenos=False):ifnotlang:text=text.strip()returnu'<pre><code>%s...
最后一点,引用中的 head 标识并不会被 outline 识别到,所以可以放心在引用中使用 head 标识来调整字号。 > This is a quotation(with end-spaces)> This is also a quotation(with end-spaces)Even if without a ‘>’, this line is still in the quotation area just after the lines above >> This i...
To add a code in the article, add the "`" before and after the code. e.g.this is a code code block add three "`" in the top of the paragraph and choose the programming language. e.g. voidmian(){printf("hello world")} 6. Dviding line Syntax add three "*" in the top of ...
代码高亮我们借助 js 插件来实现,其原理就是 js 解析整个 html 页面,然后找到代码块元素,为代码块中的元素添加样式。我们使用的插件叫做 highlight.js 和 highlightjs-line-numbers.js,前者提供基础的代码高亮,后者为代码块添加行号。 首先在 base.html 的 head 标签里引入代码高亮的样式,有多种样式供你选择,这...
代码块显示行号:在Code Fences这一项中勾选“Display line number”即可。 关键词高亮:在Syntex Support勾选“Highlight”这一项即可。然后就可以通过在==中插入需要关键词来实现,如: ==关键词== 输入emoji表情:只需要输入:和第一个字母即可出现候选的emoji表情。如:smile。
highlight(code) { return hljs.highlightAuto(code).value; }, }); setHtml(content ? marked(content) : null); }, [content]); 添加行号 添加行号这一步就会复杂一些,一开始在网上查找资料,有一个highlight.js的插件(highlightjs-line-numbers.js)是可以直接添加行号的。
作为一个合格的程序员,通过编程实现某项功能是一项必须的技能,除此之外,文档的撰写功能也是非常重要的。那么问题来了,在写文档的时候你用什么工具来撰写呢?Word虽然是个非常棒的办公软件,但是当你要在Word里面插入优雅的代码段落是很困难的,如果你在Word里面插入代码,那最后很有可能就会变成格式全无的一段段文本文...
markdown-it 官方demo markdown-it 文档 1、配置highlightjs,针对markdown中各种语言高亮,针对对应的标签 pre code 里面的样式 -- index.js 2、 index.html 3.package.json 4、readme
要使用语法高亮，Markdown 文件中的 block code 必须指定语言，同时在命令行使用--highlight-style 选项...