4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VScodeでMarkdown記法を書く

Last updated at Posted at 2019-08-01

##目的
markdawnで記事を書くための文法メモです。

準備

インストールするもの

  1. Visual Studio Code
    テキストエディタ
  2. MarkDown Preview
    プレビューを表示するだけならこれだけでよい
  3. MarkDown PDF
    pdfに変換する

欲しい機能が出てきたら補足します。

基本的な文法

  • 見出し:「#」,「##」,「###」
    見出し文字の下に「=====」(h1)「-----」(h2)でも可能

  • 斜体: 「*hoge*」  

  • 強調: 「**hogehoge**」

  • 箇条書き: 「* 」「+ 」「- 」(記号+ space)

    • 数字+ピリオド:番号付け(記号の直後にスペースかタブ要)
    • 箇条書き・番号付けの後ろで改行は、「行末スペース*2」でできる
    • レベル2は、「tab + - 」。
  • リンクの貼り方:
    [代替テキスト](URL):タイトル

  • 画像の貼り方:
    ![代替テキスト](画像のURL)

  • 段落内での改行: 行末にspace

  • コードの記述: 行頭にスペース4つ or tab

  • HTMLタグ:直接タグを書く(一部制限あり)

VSCodeでのプレビュー方法

[Ctl] + [k] + [v] でプレビューが開く

#参考文献

[https://www.catch.jp/wiki/index.php?markdown]
[https://qiita.com/Qiita/items/c686397e4a0f4f11683d]

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?