昨日はマークダウンの知識の整理をしていたのでまとめ

Markdownの書き方メモ

VSCode中のプレビューは、Ctrl+K V

改行

半角スペース  ２つ  
文中のは無視されるようだ

半角スペース  ２つ
文中のは無視されるようだ

半角スペース ２つ
文中のは無視されるようだ

半角スペース ２つ 文中のは無視されるようだ（下記参考画像）

ディテールとサマリーでの折り畳み

<details><summary>サマリーをここに記載</summary>ディテールをここに追加（三角がサマリー左につく）</details>

サマリーをここに記載

ディテールをここに追加（三角がサマリー左につく）

ただし、プレビュー上は開いた状態でPDFに出力しても、開いた状態で出力にはならない。

urlの貼り付け

[text](url)

text
テキストが青くなって、urlに向けてリンクが張られる。

url貼り付けるときに、マウスオーバーで表示されるタイトルをつける

[text](url "title")

text

ページ内リンク

[home]:https://blog.a3t3.com/
[好きにリンク名をつけることができる。][home]

好きにリンク名をつけることができる。この場合はhomeがリンク名で、表示されない。この文章がまるっとホームへのリンクになる。

画像貼り付け

![代替テキスト](url "画像のタイトル")
下記は例
![a3t3mbkの画像](https://cdn-ak.f.st-hatena.com/images/fotolife/a/a3t3mbk/20180903/20180903082307.jpg "a3t3mbkの画像")

脚注

ああああああああああああああああああ[^1]あああああああああああああああ
[^1]: いいいいいいいいいいいいいいいいい

ああああああああああああああああああ¹あああああああああああああああ あれもしかしてはてな記法の脚注のCSSは適応されない？（バックグラウンドの色を変えてるんだけど…）

チェックボックス

- [ ] これはまだ
- [x] これは済

• [ ] これはまだ
• [x] これは済

あら、はてなには実装されてないのか？下記画像がVSCodeでの出力時のスタイル

改行はスペース二つ？

  あああああああ  ああああ  
いいいいいいいいいいいいいいいいいいいい  いいいいいいいいいいいいいい
ううううううううううううううううううううううううううううう

あああああああ ああああ
いいいいいいいいいいいいいいいいいいいい いいいいいいいいいいいいいい ううううううううううううううううううううううううううううう

メニュー

menu

* [to header1](#header1)
* [to header2](#header2)

「「ここに本文を挿入」」

[return to menu](#menu)
### header1
### header2

• to header1
• to header2

「「ここに本文を挿入」」

return to menu

header1

header2

おまけ

VSCodeにてフォントオーサムをプレビュー表示ワークスペースフォルダにフォントオーサムwebのフォルダを置いてからUser設定のmarkdowns.stylesから、

…別の設定…
"markdown.styles": ["fontawesome-free-5.3.1-web\\css\\all.css"]
}

と追加すると、
<i class="fa fa-paw"></i>で

やったー！VSCodeのマークダウンのプレビューでFontAwesomeの読み込み表示できたよー！！！
ググれば情報はあるのに結構時間かかった😰#VSCode #FontAwesome pic.twitter.com/27PhCRl18A

— a3t3mbk (@a3t3mbk) 2018年9月2日

手順。前提：vscodeを通常インストールして、ワークスペースとして自分の好きなフォルダを決め、そのワークスペースにフォントオーサムのWeb用フォルダを解凍した状態で置く。

以上になります！*1
別物になるのか…

---

1. いいいいいいいいいいいいいいいいい↩

*1:最後にはてな記法での脚注をテスト