Jekyll 在添加 HTML 时不会呈现 Markdown

Question

我在Markdown文件中有这个markdown代码。它具有内联 HTML。

---
layout: page
title: About This Website
permalink: /about/
---

This website is built with <i class="fa fa-heart" style="color: #EEAAAA"></i>, 
[Jekyll](https://jekyllrb.com/), [LESS](http://lesscss.org/), 
[Gulp](http://gulpjs.com/), and a series of other [NPM builders](http://gulpjs.com/plugins/).
It is hosted on [Github Pages](https://pages.github.com/).

但是当我用<div>包裹前物下方的东西时，降价不会渲染。即使我用 {% raw %} 包装了开始和结束<div>标签.

为什么？有什么解决方法吗？我正在使用杰基尔 3。

Answer 1

如果您将降价放在HTML块标签（例如div）中，则必须允许降价转换（默认值为关闭）。在 kramdown（Jekyll 3 的默认值）中使用 markdown="1" 属性。例：

<div markdown="1">
This is a list:
- Item 1
- Item 2
- Item 3
</div>

PS：好问题。我已将您的问题添加到杰基尔 F.A.Q. 干杯中。

Answer 2

这正是原始 Markdown 实现的工作方式：

请注意，Markdown 格式语法不会在块级 HTML 标记中处理。 例如，您不能在 HTML 块中使用 Markdown 样式的*emphasis*。

Jekyll 默认使用 Redcarpet，其行为方式相同。如果您自己运行 Jekyll，您也许可以创建一个自定义的 Markdown 处理器来做您想要的事情，但如果您使用 GitHub Pages 之类的东西进行托管，这将不起作用。