2
4

More than 3 years have passed since last update.

これで書ける! Markdown初心者マニュアル

Last updated at Posted at 2020-10-18

はじめに

Qiitaで初投稿を行うためにMarkdownの書き方についてまとめました。
これを見ればとりあえず記事が書けるようになります。

そもそもマークダウンって?

Markdown(マークダウン)は文章を記述するための記法(マークアップ言語)の一つ。
HTMLの主な装飾を、タグをタイプすることなく記号を入力するだけで表現できる。
拡張子は「.md」。

主な特徴

  • 簡単で覚えやすい記述
  • 文章の構造も後から変更しやすい
  • 対応しているツールが多い

これだけ覚えておけばOK〜記述法一覧〜

できること 記述方法 補足 出力
見出し #テキスト #が増える事に小さい見出しになる スクリーンショット 2020-10-18 17.19.52.png
数字付きリスト 1. テキスト tabキーを使うことにより階層化 スクリーンショット 2020-10-18 17.38.51.png
通常のリスト - テキスト tabキーを使うことにより階層化 スクリーンショット 2020-10-18 17.39.01.png
区切り線 --- スクリーンショット 2020-10-18 17.43.36.png
強調 **テキスト** スクリーンショット 2020-10-18 17.45.20.png
イタリック *テキスト* スクリーンショット 2020-10-18 17.50.36.png
コードの表示 ```コード``` 最初の```の後ろにpythonなどと書くとシンタックスハイライトが有効になる スクリーンショット 2020-10-18 18.04.32.png
コードの表示(インライン表示) `コード` スクリーンショット 2020-10-18 18.04.43.png
リンク [リンク名](URL) スクリーンショット 2020-10-18 18.08.03.png
画像の表示 ![代替テキスト](画像のURL) スクリーンショット 2020-10-18 18.14.46.png
引用 > テキスト >を2つにすると二重引用になる スクリーンショット 2020-10-18 19.57.01.png
テーブル スクリーンショット 2020-10-18 20.41.01.png :を使うと右、左、中央添えにできる スクリーンショット 2020-10-18 20.31.19.png
取り消し線 ~~テキスト~~ スクリーンショット 2020-10-18 20.04.16.png
注釈 [^1]テキスト
[^1]: 注釈内容
スクリーンショット 2020-10-18 20.08.26.png
空行・改行 <br> スクリーンショット 2020-10-18 20.09.50.png
文字色 <font color="Red">テキスト スクリーンショット 2020-10-18 20.11.15.png
エスケープ \テキスト スクリーンショット 2020-10-18 20.45.32.png

コピペ推奨フォーマット

コード

#見出し1
##見出し2
###見出し3
####見出し4

1. 数字付きリスト1
1. 数字付きリスト2
1. 数字付きリスト3

- 通常リスト
- 通常リスト
    - 通常リスト
    - 通常リスト 

---

**テキスト**

*テキスト*

 ```
 コード
 ```

 ```python
 animal = "ねこ"
 if animal == "ねこ"
   print("ねこさま")
 elsif animal == "いぬ"
   print("わんさん")
 else
   print("知らんやつ")
 end
 ```

`コード`

[Qiita](https://qiita.com/)

![Qiitaのアイコン](https://cdn.qiita.com/assets/public/qiita-pwa-icon_512-4f5b031e6cb002cb865db0dd38635a78.png)

> テキスト
>>テキスト

|テキスト|テキスト(中央添え)|テキスト(右添え)|テキスト(左添え)|
|------|:------------:|:-----------|-----------:|
|テキスト|テキスト         |テキスト      |テキスト      |

~~テキスト~~

テキスト[^1]
[^1]: 注釈内容


テキスト<br>テキスト

<font color="Red">テキスト</font>

\`テキスト`

出力

見出し1

見出し2

見出し3

見出し4

  1. 数字付きリスト1
  2. 数字付きリスト2
  3. 数字付きリスト3
  • 通常リスト
  • 通常リスト
    • 通常リスト
    • 通常リスト

テキスト

テキスト

コード
animal = "ねこ"
if animal == "ねこ"
  print("ねこさま")
elsif animal == "いぬ"
  print("わんさん")
else
  print("知らんやつ")
end

コード

Qiita

Qiitaのアイコン

テキスト

テキスト

テキスト テキスト(中央添え) テキスト(右添え) テキスト(左添え)
テキスト テキスト テキスト テキスト

テキスト

テキスト[^1]

テキスト
テキスト

テキスト

`テキスト`

参考にした、参考になるサイト

2
4
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
2
4