Custom Markdown In Posts for GitHub Pages

Help
1

Hi All,

I was wondering whether it would be possible to implement custom markdown syntax; if that doesn’t make sense please see my example:

In my example_post.md I would like to be able to write something like this:

[col1 Title] Some Title
[col1 Body] Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur nesciunt.

[col2 Title] One More Title
[col2 Body]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur nesciunt.

To be converted into HTML like this:

							<div class="row">
								<div class="col-md-6">
									<h6 class="mb-3">
										Some title
									</h6>
									<p class="mb-0">
										Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur nesciunt.
									</p>
								</div>
								<div class="col-md-6 mt-4 mt-md-0">
									<h6 class="mb-3">
										One more title
									</h6>
									<p class="mb-0">
										Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur nesciunt.
									</p>
								</div>
							</div>

Kind Regards
Aiyush

2

yes, if you know ruby, you can write your own cutsom liquid tag.

in the meantime, i’ve gotten pretty far using either small inlcudes (e.g., {% include row.html col=1 title='Some title' body='Sed ut perspiciatis...'%}) or kramdown’s inline attribute lists to apply arbitrary html attributes to blocks (also for inline elements, put right after the element). for your example, IALs are not particularly appropriate since yours is more of a structural issue than semantic content presentation, but it would look like this:

<div class="row">
  <div class="col-md-6">

{:.mb-3}
###### Some title

{:.mb-0}
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur nesciunt.

  </div>
  <div class="col-md-6 mt-4 mt-md-0">

{:.mb-3}
###### One more title

{:.mb-0}
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur nesciunt.

  </div>
</div>