ソースコードを読みやすくする(はてなブログ)
headに要素に追加
・押下:[設定]
・押下:[詳細設定]
・スクロール:[headに要素を追加]まで
・追加:scriptタグ
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
・スクロール:最下部まで
・押下:[変更する]
例
例1
<pre class="prettyprint">console.log('Hello World')</pre>
console.log('Hello World')
例2
<pre class="prettyprint linenums">console.log('Hello World')
console.log('Hello World')
console.log('Hello World')
console.log('Hello World')
console.log('Hello World')</pre>
console.log('Hello World') console.log('Hello World') console.log('Hello World') console.log('Hello World') console.log('Hello World')
例3
<style type="text/css" scoped=""><!--<style type="text/css" scoped=""><!-- .prettyprint.linenums.ex3 ol.linenums > li { list-style-type: decimal; } --></style>
<pre class="prettyprint linenums ex3">console.log('Hello World')
console.log('Hello World')
console.log('Hello World')
console.log('Hello World')
console.log('Hello World')</pre>
console.log('Hello World') console.log('Hello World') console.log('Hello World') console.log('Hello World') console.log('Hello World')
【参考】