【はてなブログ】気軽に使える「Markdown」チートシート６選

そんな疑問にお答えします。

この記事では、はてなブログの「Markdownモード」で気軽に使えるチートシートを７つ紹介します。

どれも「Markdownモード」で頻繁に使えるものなので覚えておくと便利です。

個人的に使っているものがメインなので、足りない情報もあると思いますがご了承ください。

「Markdownモード」ってなに？という方は下記記事を参考にしてみてください↓

Markdownモード　チートシート①　見出し

見出しは「#」記号で表記します。

はてなブログの場合は、エディタの左上に「見出し」項目があるのでそこから見出しをつけることができます。

Markdownモード　チートシート②　引用

引用の例

テスト

記事作成には、欠かせない表示である「引用」です。

「>」の記号を文章の前に入れるだけで「引用」にすることができます。

Markdownモード　チートシート③　コードブロック

コードブロックの例

→コードを入力

上記のようなボックス枠を作ることができます。

htmlなどの文章を囲いたい時に使いたい時には、コードブロックです。

HTMLコードを貼り付ける時に使っています。スマートな見た目にすることができるので良いです。

Markdownモード　チートシート④　ブロック

文字や文章自体に枠をつけたい時はこちらです。

ブロックの例

文章

このように、文章に枠をつけます。説明文で文字を強調したい時に便利です。

Markdownモード　チートシート⑤　画像の横幅調整

「w」はwidthで横幅を指定する時に使用します。

「300」は幅のことなので、ここを調整します。

例を出します。

画像は、「さんログ」アイコンです。

↓

こんな感じになります。

スマホだと若干しか変わらないかもですが、PCだと全体的にが小さくなってますよね。

用途としてはオリジナル画像の大きさを調整したりします。

「Markdownモード」では、画像をクリックで調整できないんですよね。

（「見たままモード」ではできます。）

横幅が大きすぎると、PC表示などでバランスが悪くなるので、調整して見やすくします。

Markdownモード　チートシート⑥　画像の縦幅調整

続いては、縦幅の調整です。

「h」はheightで高さを指定する時に使用します。

「300」は幅のことなので、ここを調整します。

↓

上記の調整の縦バージョン。

なんか、PCだとあまり変わらないかもですね。

個人的によく使うMarkdownモード」簡単に使えるスタイルシートをご紹介しました。

慣れれば、サクサク作業が進むので、ぜひ活用してみてくださいね。