【令和最新版】Blogger で Markdown を用いて記事を書く方法

目次

• 目次
  • 目標
  • やり方
  • 参考リンク

目標

Blogger の投稿ページで Markdown 記法を使えるようにする。
この方法は Markdown 記法でブログを書き、表示する際に HTML に変換される。

やり方

1. Blogger の管理画面でテーマをクリック
2. マイテーマのカスタマイズの右にある ▼ マークをクリック
3. HTML を編集をクリック
4. </body> 直前に以下のコードを追加

<script src='https://cdn.jsdelivr.net/npm/marked/marked.min.js'/>
<script>
  const mdEls = document.querySelectorAll('.markdown');
  for (let i in mdEls) {
    const mdEl = mdEls[i];
    const converted = document.createElement('div');
    converted.innerHTML = marked.parse(mdEl.value);
    mdEl.parentNode.replaceChild(converted, mdEl);
  }
</script>

Markdown でブログを書きたい場合、HTML モードでブログを記述する際に

<textarea border-style:dotted="border-style:dotted" class="markdown" disabled="disabled">

<!-- ここに Markdown 記法で記述するとプレビュー時に変換される -->

</textarea>

とする。 　

参考リンク