見出し画像

マークダウンが苦手だったので簡単にまとめてみた

マークダウンは必要だけど、どうしても忘れてしまう
(使いたいときに限って・・・・)
そして、いつもなんだったけな〜って感じになっているので、簡単に備忘録としてまとめてみました

検証環境はVS Codeで実施
また、改行は文末で半角スペースを2つ入れるとプレビューで折り返されます

mdの拡張子のファイルを作成

VS Codeでいろんな拡張機能はあるのですが、今回特にインストールはしていません

もし、PDFで提出したいものがあったら、Markdown PDFなどがあります
なので、必要に応じてインストールしましょう

見出し

# 見出し
## 見出し2
### 見出し3
のような形で記載します
必ず#の後には半角のスペースで空欄を入れるようにしましょう
スペースが全角やスペースがない場合、ちゃんと表示されませんので要注意です

また、右のプレビューは
左のコードを書いている画面で、Macの場合、「shift」+「command」「v」で表示できます

箇条書き

 -1行目
     -ネスト
   -- ネストのネスト
 - 2 行目
    
のような感じで記載します

番号付きリスト

  1. Linuxの学習をする

    1. lsなどのコマンドを覚える

    2. cdのコマンドを覚える

  2. pythonを学習する

    1. インストール方法を学ぶ

    2. pythonの文法を学ぶ

このような形で記載します
ちょっとVS Code設定の都合上、表記がローマ数字になっていますが・・・
(cssや環境設定によって、ネストの番号がローマ数字になることがあり)

テーブル作成

名前|出身|趣味
-|-|-
田中|大阪|お笑い
松本|東京|プログラミング

このように記載すると下記になります

チェックボックス

  • [ ] タスク 1

  • [x] タスク 2

  • [ ] タスク 3

今までと少しキャプチャーが違うのは、
VSCodeの拡張機能のせいか、チェックボックスが出なかったので、
拡張機能で、Markdownと検索し、下記のものをインストールしました
(インストール後の確認手順は今までと同じです)

まとめ

久しぶりにマークダウンで記載するときに、なんやったっけ?のシーンがあり、せっかくなんで、よく使いそうなのをピックアップしました

VSCodeやGithubなどで簡単に試せる(VSCodeの場合、プレビュー画面には即時反映されるので、あってるかどうかわかりやすい)ので、忘れた時の復習にできたらと思います


いいなと思ったら応援しよう!