はてな記法でシンタックスハイライト

今回は「はてな記法」モードを用いてはてなブログにソースコードを挿入するにはどのようにすればよいかを模索しました。
前回に引き続き私によるただの練習記録です。

f:id:polyphys433:20190327211833p:plain

今回はこのサイトに紹介されている記法のうち、ソースコードの挿入に焦点を当ててはてな記法になれることが目的です。

まずはてな記法モードで前回挿入したような色がついていないコードはどうすれば出力できるかを調べたところ、>|| ~~ ||<のように書けばいいようです。
この記法はスーパーpre記法と呼ぶそうです。

>||
#include <stdio.h> 
int main(void)
{
    printf("Hello world!\n");
    return 0;
}
||<

↓
↓ 実行結果
↓

#include <stdio.h>
int main(void)
{
    printf("Hello world!\n");
    return 0;
}

はてな記法では先ほどのスーパーpre記法>|| ~~ ||<の一つ目の||の間に使いたい言語を>|言語名| ~~ ||<のように明示することでコードに色を自動でつけてくれるようです（シンタックスハイライトといいます）。

今回例として使いまわしているコードはC言語なので、一つ目の||の間にc(小文字)と書いてみます。
すると...

>|c|
#include <stdio.h> 
int main(void)
{
    printf("Hello world!\n");
    return 0;
}
||<

↓
↓ 実行結果
↓

#include <stdio.h>
int main(void)
{
    printf("Hello world!\n");
    return 0;
}

おお！
色合いが少々独特ですが、無色のときよりも見やすくなりましたね。

このシンタックスハイライトは $\TeX$ でもできるみたいです。
先ほどのように||の間にtexと書けばオーケー。

>|tex|
\begin{equation}
\lim_{n\to\infty} \frac{1}{n} \sum_{k=1}^n f \left( \frac{k}{n} \right) = \int_0^1 f(x) dx
\end{equation}
||<

↓
↓ 実行結果
↓

\begin{equation}
\lim_{n\to\infty} \frac{1}{n} \sum_{k=1}^n f \left( \frac{k}{n} \right) = \int_0^1 f(x) dx
\end{equation}

\begin{equation}
\lim_{n\to\infty} \frac{1}{n} \sum_{k=1}^n f \left( \frac{k}{n} \right) = \int_0^1 f(x) dx
\end{equation}

なんか思ってたのと違う。
余計見づらくなっていないか？（笑）

コードの色合いははてなブログのテーマによって変わるらしい。
デザイン -> カスタマイズ -> {}デザインcssからCSSを書き加えると独自に色合いを設定できるみたいです。
このサイトなどにその情報が書かれています。

はてなブログで $\TeX$ のコードを載せることはおそらく少ないでしょうが、いざ載せようとなったときにこの色の状態で載せるかは少し迷いますね。

はてな記法では>|言語名| ~~ ||<と書くだけでソースコードを色つきで挿入できました。
見たままモードではHTML編集に切り替えなければならないなど少々面倒でしたが、はてな記法ではキーボードから手を離さずに打てるので便利ですね。

本文では述べませんでしたが、はてな記法では編集画面に直接HTMLコードを記入することができるみたいです。
見たままモードではHTML編集が別のタブにあったため、この点でも作業の効率が上がりそうです。

はてな記法では簡単にシンタックスハイライトを使うことができましたが、はてな記法でのブログの編集画面自体は上の写真のようにシンタックスハイライトになっていないみたいです。
何で～(^ ^;)
HTMLも混在するわけだし、色つけて欲しいなぁ...

この点が何とかなれば、はてな記法は非常に使いやすい編集モードだと思います。

はてな記法は使い心地がよさげなので、このまま物理や数学の記事を書いていくのもありかなと思う次第。
Markdownモードも試してみたいので、気分に合わせてこれからの記事を書いていきたいと思います。

それでは！

f:id:polyphys433:20190327222442j:plain

ポリプロ physics