はてなブログにソースコードを色付けして貼り付ける方法
ブログにプログラムのソースコードを色分けして記述したかったので、調べがてらその方法を紹介します。
まず、ソースコードを色分けして貼り付けるには、「はてな記法モード」で編集できるようにする必要があります。
これは「見たまま編集」ではできないので、ダッシュボードの「設定」→「編集モード」で「はてな記法モード」にチェックを入れます。
次に、編集画面に戻り、ソースコードを貼り付けて、ソースコードを">||"と"||<"という記号ではさみます。
すると
#include
int main(void)
{
printf("Hello, world!");
return 0;
}
↑これが
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
こんなかんじに、入力したコードをそのままの記法で表示してくれます。ついでにコードを枠で囲ってくれるようです。
さらに、">|lauguage|"と"||<"ではさみ、languageのところにプログラミング言語(例:c, java, python)を入れると、その言語に応じて色付けしてくれます。
以下に、Hello, worldのプログラムを載せておきます。
・C
#include <stdio.h> int main(void) { printf("Hello, world!"); return 0; }
・Java
public class Hello { public static void main (String [] args) { System.out.println ("Hello, world!"); } }
printf "Hello, world!"
あらきれい。
はてな記法には他にも便利な記法がたくさんあるので、覚えたいです。