はてなブログ用マークダウン記法の個人的まとめ
Markdown記法について
- 「<h1>タイトル </h1>」のようにタグで囲むマークアップ言語(HTML)をより簡単にしたもの。
- 拡張子は「.md」
- 数式や(画像)リンクの記述が複雑らしい。
- Scrapboxの記法と似ているので練習に良い。
(参考)Scrapbox記法とMarkdownの対応表 - 角谷鵜技術五十三次
はてなブログの編集モードについて
以下の方法で編集が可能だが、別の編集モードに切り替えると記事がリセットされるので注意が必要。いちど記事を書いたら編集モードの変更は不可。
記事作成のルール
記事作成の基本的な考え方
- 作成に時間がかからないこと。
- シンプルで見やすい記事であること。
- 記事の書き方が統一されていること。
見出しについてのルール
ツールバーでの見出しは以下に対応している。
見出し名 | h要素 |
---|---|
大見出し | h3 |
中見出し | h4 |
小見出し | h5 |
- 記事のタイトルはh1なので、見出しは「##」(h2)から開始する (シャープの数が減った方が早いから)
- ブログの管理画面やjQueryで一括変更も可能らしい。
はてなブログMarkdown記法チートシート
- 見出し(h要素) は「#」の数で見出し1-6まで指定 。「##」から順に使っていく。
特殊文字の直後には半角スペースを入れる- 改行は文末に「半角スペース2つ+enter」または空白行(どちらもわかりにくい…)
- 改行しないと箇条書き、引用、コード、テーブルが表示されない。
- 箇条書きと表は上下に空白の行が必要。
- インデントは半角スペース1つ分まで表示される。Tabで揃えるのは不可。
- エスケープは「\」 (「option + ¥ 」)を使う。 特殊文字を表示できる。
- 文字色など、 HTMLタグを使用できる。
- 画像リンクはツールバーを使用した方が早そう。
以下はツールバーにメニューがあるので使わなくてもOK
- 箇条書きリストは「- 」(直後にに半角スペースが必要)を前置する。数字などに変更可能。
- 引用は「>」を前置する。
- 強調(Bold)は「**」で挟む。「*」で挟むと斜体(Italic)
- 取り消し線は「~~」で挟む。
- コードは「`」で挟む。
その他、水平線や表、pre記法(そのまま表示)などの機能あり。
必要に応じて記事に追加していく。
見た目
見出し1(記事タイトル)
見出し2
見出し3(はてなブログでの「大見出し」)
見出し4(はてなブログでの「中見出し」)
見出し5(はてなブログでの「小見出し」)
見出し6
太字
- 斜体
引用
取り消し線code:hello world