ソースコードを読みやすくする(はてなブログ)

headに要素に追加

・押下:[設定]

f:id:Erikr:20210101174218p:plain

・押下:[詳細設定]

f:id:Erikr:20210101174252p:plain

・スクロール:[headに要素を追加]まで
・追加:scriptタグ

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

f:id:Erikr:20210101174348p:plain

・スクロール:最下部まで
・押下:[変更する]

f:id:Erikr:20210101174928p:plain

f:id:Erikr:20210101182207p:plain

例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')

【参考】

rfs.jp