a3t3mbk’s blog

元”theネットワークエンジニアを目指していたがネットワークエンジニアとして一回も働けなかった人間”が全くキャリアを積めず自分がぐちゃぐちゃなった結果、鬱でドクターストップののち、プログラマーとして再起を目指すブログです。(やはりPCは好きなんだな

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

Markdownの書き方メモ

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

改行

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

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

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

半角スペース 2つ 文中のは無視されるようだ(下記参考画像) f:id:a3t3mbk:20180903081708p:plain

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

<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の画像")

a3t3mbkの画像

脚注

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

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

チェックボックス

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

あら、はてなには実装されてないのか?下記画像がVSCodeでの出力時のスタイル f:id:a3t3mbk:20180903083044p:plain

改行はスペース二つ?

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

あああああああ ああああ
いいいいいいいいいいいいいいいいいいいい いいいいいいいいいいいいいい ううううううううううううううううううううううううううううう f:id:a3t3mbk:20180903083735p:plain

メニュー

menu

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

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

[return to menu](#menu)
### header1
### 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を通常インストールして、ワークスペースとして自分の好きなフォルダを決め、そのワークスペースにフォントオーサムのWeb用フォルダを解凍した状態で置く。 f:id:a3t3mbk:20180903085114p:plain f:id:a3t3mbk:20180903085122p:plain f:id:a3t3mbk:20180903085128p:plain

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


  1. いいいいいいいいいいいいいいいいい

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