さんログ

色々と発信する雑記ブログ。食レポ、おすすめ発信や情報、メンタル/不思議系など。

タイトルのテキスト
タイトルのテキスト
タイトルのテキスト

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

f:id:sanrisesansan:20201221204447p:plain

サクサクした記事作成が魅力の「Markdownモード」。

ブログ作成に慣れてくると「見たままモード」と同様に使うことも多くなってくることもあると思います。

今回は、「Markdownモード」で気軽に使えるチートシートをいくつかご紹介したいと思います。

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

「Markdownモード」ってなんぞや?という人はこちらの記事から見てみてくださいね。

内部リンク


スポンサードリンク

見出し

チートシート↓

「##」→h2(タイトル)
「###」→h3
「####」→h4

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

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

引用

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

テスト

↓チートシート

>テスト

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

コードブロック

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

→文章

↓チートシート

"```html"
 →文章
"```"

*「”」の部分は使いません。

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

HTMLコードを貼り付ける時に使っています。

スマートな見た目にすることができるので良いです。

ブロック

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

文章

↓チートシート

`文章`

文章に枠をつけます。

説明文で文字を強調したい時に便利です。

表(テーブルシート)

レビュー記事などでよく使う「表」です。

上のこれが表になります。

(なんか、ちっちゃいですね。笑)

↓チートシート

|             |              |               |
|:-------|--------:|:--------|
|             |              |               |
|             |              |               |

表は、Markdown記法だと、上手くいかないので、Evernoteのテーブル機能を貼り付けて使っています。

(難しいことは分からんです。笑)

画像の横幅調整

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

f:id:sanrisesansan:20201209185731p:plain

f:id:sanrisesansan:20201209185731p:plain:w300

こんな感じになります。

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

↓チートシート

[○○:plain:w300]

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

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

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

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

(「見たままモード」ではできます。)

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

画像の縦幅調整

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

f:id:sanrisesansan:20201209185731p:plain

f:id:sanrisesansan:20201209185731p:plain:h300

↓チートシート

[○○:plain:h300]

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

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

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

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

スマホだと、イラストが細長くなってます。笑

まとめ

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

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

最後まで読んでいただき、ありがとうございます。

関連記事

www.sunrise033.com


この記事が良いと思ったら、ポチっ!してくれると嬉しいです!

 「ブログ村ランキング」参加中!

PVアクセスランキング にほんブログ村