もちっとメモ

もちっとメモ

もぐりのエンジニアが日々の中で試してみたことを気が向いたときに書き連ねていきます

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;
    }
    

こういった感じにハイライトされます。色がうまくつかないときはリロードしてみてください.
詳しい使い方はこちらのサイトで紹介されています.
ぜひお試しあれ.

qiita.com