Jekyll - 更改 Markdown 块引用 HTML 输出

Question

我正在学习 Jekyll，我有这个基本文件，它以 YAML frontmatter 开头：

---
layout: 'post'
---

> Test Quote

我已经成功地将我的CSS 样式表链接到顶部包装器page.html 文件。但是有一个问题，当 Jekyll 把这个 Markdown 变成 HTML 时，它把这个引用变成了：

<blockquote>
  <p>Test Quote</p>
</blockquote>

但我需要它生成：

<blockquote>
  <div class="quote-line-container">
    <div class="quote-line"></div>
    <div class="quote-mark">“</div>
    <div class="quote-line"></div>
  </div>
  <div class="quote-container">
    <p class="quote">Test Quote</p>
  </div>
</blockquote>

我已尝试搜索“Jekyll 更改 Markdown HTML 输出”一词的所有变体，但没有出现与我的案例相关的结果。

我怎样才能做到这一点，并改变 Jekyll 的输出？或者有没有更好的方法来生成这样的东西，使用CSS 或其他东西？

Answer 1

这是不可能的。 Jekyll 使用 Kramdown 作为其 Markdown 引擎，并且该过程的定制非常有限（正如人们所期望的那样）。你可以看到所有选项here。

因此，您的替代方案是：

1. 为 Jekyll 制作自己的 Markdown 引擎（这显然是矫枉过正）。
2. 制作一些预处理脚本在 Jekyll 之前调用只是为了执行替换。如果您要翻译的内容很多，这是您的最佳选择。
3. 根据需要直接编写您的块引用。 Jekyll 将在 Markdown 翻译过程中保持您的 HTML 代码不变，因此结果将是您想要的。