标记为

Question

我使用Jeykll工具在HTMl中生成标记内容。

我想将下面的标记元素分组到div元素或任何其他自定义Html标记。

标记为

Update tableB SET tableB.id = (Select a.id from tableA a, tableB b where a.email = b.email)

HTML输出

 #Multiple Axis
    {:.title}
    Different types of data can be visualized in a single chart with the help of 
    {: .description}
    It can be used when we need to compare the trends of different kinds of data.
    {: .description}

如何将上述降价分组为Div元素或任何自定义标记

  <h1 id="multiple-axis" class="title">Multiple Axis</h1>
    <p class="description">Different typ`enter code here`es of data can be visualized in a single chart with the help of</p>
    <p class="description">It can be used when we need to compare the trends of different kinds of data.</p>

Answer 1

答案部分取决于您使用的Markdown解析器。碰巧，Jekyll支持一些不同的Markdown parsers。您可能需要在正在使用的解析器上设置一些选项以启用相应的功能。

一般来说，Markdown要求您使用原始HTML来获取div。正如Syntax Rules解释：

Markdown不是HTML的替代品，甚至不接近它。它的语法非常小，仅对应于HTML标签的一小部分。我们的想法不是创建一种语法，以便更容易插入HTML标记。在我看来，HTML标签已经很容易插入。 Markdown的想法是让阅读，编写和编辑散文变得容易。 HTML是一种发布格式; Markdown是一种写作形式。因此，Markdown的格式化语法仅解决可以用纯文本传达的问题。

对于Markdown语法未涵盖的任何标记，您只需使用HTML本身。

但是，语法规则也说明了：

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

换句话说，您需要将整个div及其中的所有内容定义为原始HTML。基本上，您需要从上面的问题中复制所需的输出并将其粘贴到Markdown文档中。

但是，一些Markdown解析器添加了其他功能，允许各种快捷方式。例如，您使用的解析器似乎支持将属性分配给文档的各个部分，而不会回退到原始HTML - 这使我相信您可能正在使用Kramdown，其中记录了对attribute lists的支持

事实证明，Kramdown还包括解析HTML Blocks内的Markdown内容的可选支持。虽然文档解释了所有选项，但基本思想是如果在原始HTML标记上设置markdown=1的属性，那么该标记的内容将被解析为HTML。像这样：

<div markdown=1>
This will get parsed as *Markdown* content.
</div>

这将生成以下HTML输出：

<div>
<p>This will get parsed as <emphasis>Markdown</emphasis> content.</p>
</div>

当然，您也可以在div上分配一个类。因此，您的最终文档将如下所示：

<div class="someclass" markdown=1>

#Multiple Axis
{:.title}

Different types of data can be visualized in a single chart with the help of 
{: .description}

It can be used when we need to compare the trends of different kinds of data.
{: .description}

#Multiple Axis
{:.title}

Different types of data can be visualized in a single chart with the help of 
{: .description}

It can be used when we need to compare the trends of different kinds of data.
{: .description}

</div>

当然，如果您使用的是其他Markdown解析器，则需要查阅该解析器的文档，以确定它是否支持类似的非标准功能。

将MarkDown元素分组到DIV元素或Custom html标记中

标记为

HTML输出

1 个答案: