目次
目標
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>
とする。
参考リンク
Comments
Let's comment your feelings that are more than good