まっしろぐ

Web関連、主にHTML、CSS、JavaScriptなんかの自分がやったことログ。

ブログ上でコードを整形して見やすく表示してくれる「Syntax Highlighter Scripts Generator」

技術者がブログはじめたら

まずはコードを見やすく残せるようにならねばあかん。

 

ということで

こちらの記事を参考にしてみました。

http://k-1-ne-jp.blogspot.jp/2012/10/syntaxhihglighter.html

 

Syntax Highlighter Scripts Generator」というサイトで

よく使う言語にチェックつけて「generate」ボタンをクリック!

出てくるscriptタグをまとめてこぴーして

<head>タグ内にペーストすればあらふしぎ。

 

function test(){
  console.log('もちもち');
}

 

記事のhtml編集で↓のように書けば上のように表示されます。。。

<pre class="brush: javascript;">function test(){
  console.log('もちもち');
}
</pre>

 

これできれいにコードを残せそう、やったね(^ω^)