ぎたろーの邦ロックブログ

バンドを見るとニヤけてしまうくらい音楽、バンドが好き。邦ロックに関する記事がメイン。他、ジャンルレスでオピニオン記事など(雑記)も書いています!

【はてなブログ初心者】一瞬で分かる目次の作り方

はてなブログを始めたての頃、目次の作り方が全然分からなかったんです。
ちゃんと使いこなせるようになったのは、一回辞めたブログを再開してから。
そこで、備忘録もかねてここにまとめておこうと思います。
f:id:hr-tk:20190413112702p:plain



この状態から目次を作っていきます。
f:id:hr-tk:20190412210616p:plain:w300


まずは、「大見出し①」をやってみましょう。
f:id:hr-tk:20190412211552p:plain:w300



上の赤枠で囲ってある「見出し」のタブをクリックして「大見出し」を選択
f:id:hr-tk:20190412212251p:plain:w300


このようにアスタリスクがつきます。プレビュー画面で見ると
f:id:hr-tk:20190413095928p:plain


「中見出し」、「小見出し」も同じようにやってみましょう。すると、こうなる
f:id:hr-tk:20190413100322p:plain


目次の下にカーソルを持ってきて、入力補助ツールバーにある「目次」クリックすると”[:contents]"というタグが出ます。
f:id:hr-tk:20190413101110p:plain


プレビュー画面で見てみましょう。
目次の出来上がりです!
f:id:hr-tk:20190413102023p:plain


より具体的にイメージしやすいように僕が作った例文で見てみましょう。
f:id:hr-tk:20190413111229p:plain

f:id:hr-tk:20190413111706p:plain


プレビューするとこんな感じ。
f:id:hr-tk:20190413112159p:plain



いかがでしたか?カンタンでしょ!
参考になれば幸いです。


前回の記事はこちらです↓
www.guitaro-blog.com


よかったらフォローもよろしくね~!