目次

目次

目標

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

やり方

Blogger の管理画面でテーマをクリック
マイテーマのカスタマイズの右にある ▼ マークをクリック
HTML を編集をクリック
</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>

とする。　

参考リンク