Gruppieren von MarkDown-Elementen in ein DIV-Element oder ein benutzerdefiniertes HTML-Tag

Ich habe das Jeykll-Tool verwendet, um Mark-Down-Inhalte in HTMl zu generieren.

Ich möchte die folgenden Markierungselemente in div-Elementen oder anderen benutzerdefinierten HTML-Tags gruppieren.

Marked Down
 #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}
HTML-Ausgabe
  <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>

So gruppieren Sie den obigen Markdown in ein Div-Element oder ein beliebiges benutzerdefiniertes Tag wie dieses

<div class="">    
     <h1 id="multiple-axis" class="title">Multiple Axis</h1>
        <p class="description">Different types 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>       
    </div>

Antworten auf die Frage(2)

Ihre Antwort auf die Frage