Pandoc Markdown 到 HTML 块引用样式

Question

我正在尝试找到一个好的解决方案，在 Thunderbird 中使用 Markdown 编写我的电子邮件，并为它们设置样式以供一般使用。

我以前的解决方案，附加组件 Markdown-here 没有维护，并且不再适用于最新的 Thunderbird 版本。

我尝试过的一种成功方法是使用 pandoc，并通过 Insert->HTML.

插入 HTML 文件的内容

例如：

email.md

Hi there, *this* is a **test** email written in `markdown`

pandoc 命令

pandoc email.md -t html -o email.html

email.html

<p>Hi there, <em>this</em> is a <strong>test</strong> email written in <code>markdown</code></p>

但是，格式并不总是我想要的。例如，在 Markdown-here 中，它曾经类似于 Whosebug 对 blockquotes

的渲染

Blockquotes look like this

但是，在我的 pandoc->Thunderbird 工作流程中，HTML 个元素如下：

<blockquote>
<p>Blockquotes looks like this</p>
</blockquote>

呈现为缩进文本，如：

块引用看起来像这样

这让我的电子邮件不太容易跟进。

我读过 pandoc 有一个 --css 标志，你可以在其中定义一个 CSS sheet 来使用，例如s --css=styling.css。但是，我尝试过的任何方法似乎都不起作用。

有谁知道如何在 pandoc 中嵌入对生成的 HTML 块引用样式的更改，以更紧密地遵循 Whosebug 和 GitHub 呈现的降价样式？

Answer 1

根据 docs，您可以使用 -c 标志 link 到 CSS 文件，我们可以查看 SO 的 blockquote 样式，即：

   blockquote p::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 8px;
    background: #c8ccd0;
    }
blockquote{
    color:#535a60;
    padding:.8em .8em .8em 1em;
    position: relative;
}

因此，运行以下具有该样式的内容应该可以满足您的需求。

pandoc -s -c <StyleFile>.css <Content>.md -o <Output>.html

Pandoc Markdown 到 HTML 块引用样式

Pandoc Markdown to HTML blockquote style

html

css

markdown

thunderbird

pandoc