Bloggerでソースコードをキレイに出力する。ってことで Google-code-prettify を使用。どうやら古いライブラリみたいでダウンロードかCDNはjsDelivrのが正解っぽい。 <head>内に以下を設置。 <script src='https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?skin=sons-of-obsidian'/> <pre class="prettyprint .linenums lang-html"> ココにコード </pre> .prettyprintが基本。 .linenumsが行数表示。 .lang-{言語}が言語。 必要最低限はそのくらい。 HTML <div> <p>テスト</p> </div> JavaScript (() => { document.addEventListener('DOMContentLoaded', () => { modernFunction(); }); // Babelで変換されるかどうかのテストコード const modernFunction = () => { const obj = { a: 'これが出力されれば', b: 'Babelを通じて' }; const newObj = { ...obj, c: '正常に変換されてます' }; console.log('Index.jsを読み込んでいます', newObj); }; })(); ちなみにテーマは以下の5つ。 Default Desert (skin=desert) Sunburst (skin=sunburst) Sons-Of-Obsidian (skin=sons-of-obsidian) Doxy (skin=doxy)
