shimyuta12'blog

引きこもりの生きるのが辛いおじさんのブログです。よろしくお願いします!

はてなブログ用マークダウン記法の個人的まとめ

Markdown記法について

はてなブログの編集モードについて

以下の方法で編集が可能だが、別の編集モードに切り替えると記事がリセットされるので注意が必要。いちど記事を書いたら編集モードの変更は不可。

記事作成のルール

記事作成の基本的な考え方

  • 作成に時間がかからないこと。
  • シンプルで見やすい記事であること。
  • 記事の書き方が統一されていること。

見出しについてのルール

ツールバーでの見出しは以下に対応している。

見出し名 h要素
大見出し h3
中見出し h4
小見出し h5
  • 記事のタイトルはh1なので、見出しは「##」(h2)から開始する (シャープの数が減った方が早いから)
  • ブログの管理画面やjQueryで一括変更も可能らしい。

f:id:shimyuta12:20201027224603p:plain

はてなブログMarkdown記法チートシート

  • 見出し(h要素) は「#」の数で見出し1-6まで指定 。「##」から順に使っていく。
  • 特殊文字の直後には半角スペースを入れる
  • 改行は文末に「半角スペース2つ+enter」または空白行(どちらもわかりにくい…)
  • 改行しないと箇条書き、引用、コード、テーブルが表示されない。
  • 箇条書きと表は上下に空白の行が必要。
  • インデントは半角スペース1つ分まで表示される。Tabで揃えるのは不可。
  • エスケープは「\」 (「option + ¥ 」)を使う。 特殊文字を表示できる。
  • 文字色など、 HTMLタグを使用できる。
  • 画像リンクはツールバーを使用した方が早そう。

以下はツールバーにメニューがあるので使わなくてもOK

  • 箇条書きリストは「- 」(直後にに半角スペースが必要)を前置する。数字などに変更可能。
  • 引用は「>」を前置する。
  • 強調(Bold)は「**」で挟む。「*」で挟むと斜体(Italic)
  • 取り消し線は「~~」で挟む。
  • コードは「`」で挟む。

その他、水平線や表、pre記法(そのまま表示)などの機能あり。
必要に応じて記事に追加していく。

見た目

(参考)より詳しい記事

かんたんMarkdownの記法