HTMLにシンタックスハイライトを付ける~その2~
以前,
HTMLにTexのシンタックスハイライトを付けてみた - もちっとメモ
でHTMLにソースコードっぽくシンタックスハイライトを付ける方法を紹介しましたが,もっとお手軽にできる方法を友人に教わりましたので,第2段としてご紹介いたします.
その名もhighlight.jsです.
使い方は簡単で,JSをダウンロードしてヘッダーに書き込むだけ.
ネットに接続できる場合は,URLを書けばダウンロードする必要すらなし.
さっそく,このはてなブログにも導入してみました.
例えばこんな感じになります.HTML形式で
<pre>
<code>
#include <iostream>
using namespace std;
int main()
{
cout << "hello" << endl;
}
</code>
</pre>
と書けば
#include <iostream>
using namespace std;
int main()
{
cout << "hello" << endl;
}
こういった感じにハイライトされます。色がうまくつかないときはリロードしてみてください.
詳しい使い方はこちらのサイトで紹介されています.
ぜひお試しあれ.