LoginSignup
6
10

More than 5 years have passed since last update.

マークダウン記法の基本

Last updated at Posted at 2018-01-03

初めての投稿です。
何を投稿しようか迷った結果、投稿するにあたって書かなければならないマークダウン記法についてまとめようかなと思いました。
参考:Markdown記法 サンプル集

目次

  • 見出し
  • 箇条書き
  • 番号付き箇条書き
  • code記法
  • 引用
  • 水平線
  • リンク

見出し

1個から6個の # で始めることで見出しの大きさを指定できる。

記述方法

###(半角スペース)見出し

記述例

# 見出し
## 見出し
### 見出し
#### 見出し
##### 見出し
###### 見出し

表示例

見出し

見出し

見出し

見出し

見出し
見出し

箇条書き

ハイフン、プラス、アスタリスクのどれか一つを文頭に置くことで記述可能。
それぞれの記号はグループ化されるらしく、複数の記号を使用するとグループ間にスペースを入れることが出来る。

記述方法

{+,-,*}(半角スペース)記述する文字列

記述例

- 記述その1
    - 記述その1の1
        - 記述その1の1の1
- 記述その2
- 記述その3
* 記述その4
* 記述その5
+ 記述その6
+ 記述その7

表示例

  • 記述その1
    • 記述その1の1
      • 記述その1の1の1
  • 記述その2
  • 記述その3
  • 記述その4
  • 記述その5
  • 記述その6
  • 記述その7

番号付き箇条書き

数字+ドットを文の先頭に置くことによって記述可能。数字は何でもいいっぽい。

記述方法

[数字].(半角スぺース)記述する文字列

記述例

1. 記述その1
2. 記述その2
1. 記述その3
    1. 記述その4
    1. 記述その5

表示例

  1. 記述その1
  2. 記述その2
  3. 記述その3
    1. 記述その4
    2. 記述その5

code記法

文の一部をハイライトするときに用いる。
バッククォート`で文字列を囲むことで記述可能。
バッククォート自体をハイライトしたい場合は、ハイライトするバッククォートの数よりも多いバッククォートで囲むとよい。

記述方法

`ハイライトする文字列`

記述例

` Hello World!! `
`` `<-これはバッククォートといいます。 ``

表示例

このコードを実行するとHello World!!という文章が表示されるでしょう。
私も最近知りましたが `<-これはバッククォートというらしいです。

コンソール表示

この記事の「記述例」のように背景を暗くしてコンソールのように表示してくれるものです。

記述例

/```←バッククォート3つで始めて(/はコンソール表示として認識させないためです。)
文字列文字列文字列
/```←バッククォート3つで締める

表示例

文字列文字列文字列(/を無くしたバージョン)

引用

「>」を文頭に置くことで記述可能。
引用文を明確に表したい場合に使用する。

記述方法

>(半角スペース)引用文

記述例

> 引用文1  
> 引用文2  
> 引用文3  
> 引用文4

表示例

引用文1

引用文2

引用文3

引用文4

水平線

複数の記事や内容を区切るときに用いる。
*_-を三つ以上並べて書くことで記述可能。

記述方法

{ *** , ___ , --- }

記述例

***
___
---

* * *

_   _   _

表示例






リンク

別のサイトへのリンクを載せたいときに用いる。
[表示文字]+(URL)で記述可能。

記述方法

[表示文字](URL)

記述例

[Google](https://www.google.co.jp/)

表示例

Google

6
10
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
6
10