Currently, I am diving into the world of Jekyll and I am working with a basic file that includes YAML frontmatter like this:
---
layout: 'post'
---
> Test Quote
One accomplishment I'm proud of is successfully linking my CSS stylesheet to the top wrapper page.html file. However, there is a snag in my progress. When Jekyll converts this Markdown into HTML, it transforms the quote like this:
<blockquote>
<p>Test Quote</p>
</blockquote>
What I actually need it to generate as is:
<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>
Despite my efforts to find a solution by searching various phrases like "Jekyll change Markdown HTML output," nothing relevant has surfaced for my specific requirement.
Is there a way for me to alter the Jekyll output to achieve this format? Or perhaps there is a more efficient way to create this structure using CSS or another method?