ムーワァとデーヴァの私生活

web漫画家の〆野烏罎のブログ!!

よく使う便利な「はてな記法」 の備忘録

こんにちわ!

早速ブログを書いてみています!

編集をはじめたところ、「はてな記法」というものがあるらしいことに気づきました。プログラマーの私としては、メンテナンスのしやすさも考慮して、「スタイリッシュ」かつ「シンプル」に編集がしたいので、この記法を使ってブログを書いてみたいと思います。

今回は、よく使いそうなものをピックアップして、「書き方」と「表示結果」をまとめてみました。「あ~、これどんなんだっけ?」と思い出せない時にご活用いただければ幸いです。

①見出し記法

[書き方]

*見出し!
**小見出し!
***小々見出し!

[表示結果]

見出し!

小見出し

小々見出し!

②リスト記法

[書き方]

-あ行
--あいうえお
-か行
--かきくけこ
-さ行
--さしすせそ
+た行
++た
++ち
++つ
++て
++と
+な行
++な
++に
++ぬ
++ね
++の

[表示結果]

  • あ行
    • あいうえお
  • か行
    • かきくけこ
  • さ行
    • さしすせそ
  1. た行
  2. な行

③表組み記法

[書き方]

|*曜日|*朝ごはん|*昼ごはん|*夜ごはん|
|月|トースト|かつ丼|ハンバーグ|
|火|バナナ|おにぎり|すき焼き|

[表示結果]

曜日 朝ごはん 昼ごはん 夜ごはん
トースト かつ丼 ハンバーグ
バナナ おにぎり すき焼き

④引用記法

[書き方]

>>
人間だもの みつを
<<

[表示結果]

人間だもの みつを

スーパーpre記法

[書き方]

 >||
 var x = 0;
 for(var i = 0;i < 10;i++){
  x = x + i;
 }
 ||<

[表示結果]

var x = 0;
for(var i = 0;i < 10;i++){
 x = x + i;
}

スーパーpre記法(シンタックス・ハイライト)

[書き方]

 >|javascript|
 var x = 0;
 for(var i = 0;i < 10;i++){
  x = x + i;
 }
 ||<

[表示結果]

var x = 0;
for(var i = 0;i < 10;i++){
 x = x + i;
}

rakuten記法

[書き方]

[asin:B00U5W2WH2:detail]

[表示結果]

ムーワァとデーヴァの大冒険 第1巻「ハダカデバネズミあらわる!」

ムーワァとデーヴァの大冒険 第1巻「ハダカデバネズミあらわる!」

コメントアウト

[書き方]

<!--
コメントや、残しておきたい文章など
-->

[表示結果]

↑書いてあるけど、見えない!

まとめ

今回は、はてなブログを簡単に綺麗に書ける「はてな記法」の備忘録でした。結構色んなことができるみたいなので、「これは便利!」と思ったら随時ここに追加していこうと思います。

ではまた!