问题描述

最近写关于博客配置的文章中出现了这样一个问题, 如果页面是通过Jekyll引擎进行渲染的, 那么如果在文章中写了Liquid代码, 引擎也会将其解析 写配置类博客的目的当然是展示代码, 那么如何只展示Liquid代码而并不使引擎解析呢?

不同于块注释

{% comment %}
This is a comment in Liquid
{% endcomment %}

如果写上块注释的话其实Liquid是不会显示的, 要让其完整显示命令语句, 只能进行一种类似于转义的方法.

之后通过Google我得到了完美的答案, 主要参考了Stack Overflow里面的回答¹², 下面来详细介绍一下具体的方法与各自的使用场景.

方法一: 针对块

(非常推荐)

{% raw %}
{% this %}
{% endraw %}

显示效果:


{% this %}

方法二: 针对行

(较为复杂, 推荐)

{{ "{% this " }}%}

显示为

{% this %}

或者

{{ "{{ this " }}}}

显示为:

{{ this }}

当然, 如果需要显示下面的命令:

{{ "{% this " }}%}

则需要这样来写:

{{ "{{ " }}"{{ "{% this" }} " }}{{ }}%}

同理, 如果要显示下面的命令:

{{ "{{ this " }}}}

就要这样来写:

{{ "{{ " }}"{{ "{{ this" }} " }}{{ }}}}

方法三: 使用特殊字符

(需要记忆HTML特殊字符, 不推荐)

代码:

{{ this }}

显示效果:

代码:

{% this %}

显示效果:

{% this %}

方法四: 使用变量

代码:

{% assign var = "{{ sth }}" %} {{ var }}

显示效果:

{{ sth }}

主要参考

How to escape liquid template tags? - Stack Overflow; ↩︎
Include Jekyll/Liquid code without rendering it - Stack Overflow; ↩︎

设置Markdown中展示Liquid(Jekyll)但不解析的方式相关推荐

markdown中编辑复杂表格
markdown中编辑复杂表格使用markdown自带语法 markdown中自带了基本的表格编辑语法: 如: | name | age | gender | money | |-------|:- ...
html有序列表设置混合编码,一组你值得拥有的 Markdown 中混用 HTML 案例
一组你值得拥有的 Markdown 中混用 HTML 案例 2019-08-23 by Dron 前言 Markdown 基础语法(见附录)已经无法满足日益丰富的信息内容,好在 Markdown 支持 ...
Markdown中如何插入视频 iframe？
关于Markdown中如何插入视频这一问题网上众说纷纭,一直也没找到一个确切的答案,想来也是,这些东西毕竟还不算成熟.各种以前提供过的方法现在来讲,可能在更新或是关闭大潮中又没了而且,Ma ...
Markdown 中画图
使用 Mermaid 画图 Markdown可以进行优秀的文本编辑和排版,而 Mermaid 是可以在 markdown 中的渲染流程图.甘特图.类图.饼图等图表的标记.主流的 Markdown基本支 ...
MarkDown 中使用 LaTeX 数学式
最近看了些机器学习的书籍, 想写点笔记记录下. 由于需要使用到很多的数学推导, 所以就看了下如何在 Markdown 中插入数学式,发现在 Markdown 中可以直接插入 LaTeX 数学式. ...
Gitee+typora+picgo+插件，markdown图床配置，一键将markdown中本地图片上传至图床
一键将markdown中本地图片上传至图床推荐配置:Gitee+typora+picgo+插件文章目录安装 picgo 配置 typora 配置 Gitee 图床配置图床设置配置 typor ...
R Markdown 中实现图表的单级和多级交叉引用
交叉引用图片的交叉引用示例用法介绍表格的交叉引用示例用法图表的多级交叉引用 R Markdown 目前并不支持图表的交叉引用和自动编号.如果需要,有一个解决方案是 captioner 包 ...
markdown中添加锚点
前言 csdn 的 markdown 中测试有效.其它 markdown 未测试. 介绍是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. ...
js粘贴板为什么获取不到图片信息_图床+typora,告别markdown中关于图片的困惑
在上一篇文章中向大家介紹了几款软件,这篇文章主要分享一下markdown编辑器typora软件如何使用图床,快速的将图片加载到markdown文档中. 图床: 指存储图片的服务器,将图片上传到服务器上 ...

设置Markdown中展示Liquid(Jekyll)但不解析的方式

问题描述

方法一: 针对块

方法二: 针对行

方法三: 使用特殊字符

方法四: 使用变量

主要参考

设置Markdown中展示Liquid(Jekyll)但不解析的方式相关推荐

最新文章

热门文章