2. シンタックスハイライト/highlight.js/ちょっと書いてみる

 
2.1 設置方法
2.2 参考サイトの通りに書いてみる

2.1 設置方法

 CDN を使用して設置するのが一番、お手軽。  <head>~</head>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

 と3行書くだけでとりあえず使えます。

2.2 参考サイトの通りに書いてみる

<pre><code>#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}
</code></pre>

 上記のように記述すると下記のように表示されます。

#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}
 見た目は調整していませんので悪しからず。  ちょっとつらいのが、最初の行は <pre><code> の行に書かなければならないこと・・・。  <code> の直後の改行を解釈しちゃうんですな。  後、行番号等をいれたりするのはプラグインが必要になるらしいので、その場合は、自前のサイトにダウンロードする必要があるわけです。