Blogger Javascript Markdown marked.js

BloggerをMarkdownで書きたかった

Bloggerで記事をMarkdownで書きたかったのでその記録。 ## Markdown BloggerでMarkdownを使えるようにするのは、思ったより簡単でした。 諸先輩方が、いろいろな機能を使えるように、記事を書いてくれているので、以下を参考に実装しました。 ※Markdownだけ使えればいい！という方は、手直し部分だけ参考にしてください。 <a class="embedly-card" data-card-description="0" href="https://www.smartbowwow.com/2019/02/blogger.html">Bloggerで技術ブログを書くためのカスタマイズ</a> ### 手直し Bloggerのテーマから、HTMLを編集します。 "/body"直前に、以下のスクリプトを配置します。 ※参考にした記事では、marked.jsの呼び出しで一部エラーを吐いていたので修正。 <pre><code class="javascript hljs"><math><![CDATA[ <script src='https://rawgithub.com/chjj/marked/master/lib/marked.js'/> <script> var mdEls = document.querySelectorAll('.markdown'); for(var i in mdEls){ var mdEl = mdEls[i]; 　　if(mdEl.value === undefined ){ continue; } var converted = document.createElement('div'); converted.innerHTML = marked(mdEl.value); mdEl.parentNode.replaceChild(converted, mdEl); } </script> ]]></math></code></pre>