Allow Markdown in author bio

[raviriley]

This is an enhancement or feature.

Summary

I enabled markdown in the author bio. Previously, markdown was not enabled. In other words, I added the markdownify Liquid Filter to {{ author.bio }}.

I tested this edit locally and it worked perfectly.

Context

I wanted to be able to write stylized text and insert links into the bio section of the author info sidebar.

[mmistakes]

author__bio will need to be rethought to do this, perhaps changing the <p> element to a <div>. Not sure if that will break any styling though.

The reason for this is the markdownify filter will wrap text in <p></p> so you'll get something like

<p class="author__bio" itemprop="description">
  <p>I am an <em>amazing</em> person.</p>
</p>

Which isn't great.

[raviriley]

I changed it to a <div> and successfully tested it. It looks like this:

<div class="author__bio" itemprop="description">
  {{ author.bio | markdownify }}
</div>

which produces

<div class="author__bio" itemprop="description">
  <p>I am an <strong>amazing</strong> person.</p>
</div>

This doesn't break styling because the .scss references the .author__bio class:

.author__bio {
  margin: 0;

  @include breakpoint($large) {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

[mmistakes]

Looks good, thanks for making the edits.

[raviriley]

Looks good, thanks for making the edits.

My pleasure