読者です 読者をやめる 読者になる 読者になる

sonickun.log

備忘録

はてなブログにソースコードを色付けして貼り付ける方法

 ブログにプログラムのソースコードを色分けして記述したかったので、調べがてらその方法を紹介します。


 まず、ソースコードを色分けして貼り付けるには、「はてな記法モード」で編集できるようにする必要があります。
 これは「見たまま編集」ではできないので、ダッシュボードの「設定」→「編集モード」で「はてな記法モード」にチェックを入れます。

f:id:sonickun:20140609201105p:plain


 次に、編集画面に戻り、ソースコードを貼り付けて、ソースコードを">||"と"||<"という記号ではさみます。
 すると

#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!");
  }
}


Python

printf "Hello, world!"

あらきれい。

はてな記法には他にも便利な記法がたくさんあるので、覚えたいです。