【はてなブログ】ソースコード 表示にファイル名をつける

ブログでソースコードにファイル名を表示させる方法をここにメモします。（すぐ忘れちゃうので...）

#include <stdio.h>

int main(void)
{
    printf("Hello world !\n");

    return 0;
}

記述方法

書式

<div class="code-title" data-title="{{ ファイル名 }}">
<!-- ソースコード -->
</div>

例

こんな感じで記述します。

 <div class="code-title" data-title="hello.c">
 >|c|
 #include <stdio.h>
 
 int main(void)
 {
     printf("Hello world !\n");
 
     return 0;
 }
 ||<
</div>