65
41

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.

Markdownでlistにネストされたcodeブロックを記述する方法

Last updated at Posted at 2015-12-06

Markdownでリスト内にコードを書きたい

GitHubでWikiやREADMEにソフトウェアのインストール手順を書いて
途中にコードブロック載せるとか当然のようにやるのに思うようにコードブロックが表示されません。
これ解決できずにハマった人が多いのではないかと思います。

例えば下記のMarkdownを書いた時に

1. Wake up
1. Write code
```
print "I'm sleepy."
print "I'm hungry."
```
1. Breakfast

なぜかコードブロックの表示がちゃんと適用されなかったり、
複数行のコードブロックのはずが1行で表示されたり、
順序付きリストの番号がリセットされたりします。

1. Wake up
2. Write code
``` ⇐コードブロックとして表示されない
print "I'm sleepy."
print "I'm hungry."
```
1. Breakfast ⇐3.にならない

どう書けばリスト内にコードブロックが表示されるか

このようにインデントを増やします。

1. Wake up
1. Write code

    ```
    print "I'm sleepy."
    print "I'm hungry."
    ```

1. Breakfast

補足すると

1. Wake up
1. Write code
⇐コードブロックとして表示するために1行改行
    ```⇐ネストされるようにコードブロック全体をインデント
    print "I'm sleepy."
    print "I'm hungry."
    ```
⇐コードブロックとして表示するために1行改行
1. Breakfast

こういうことです。
下記のように表示できます。

  1. Wake up

  2. Write code

    print "I'm sleepy."
    print "I'm hungry."
    
  3. Breakfast

これでもうまく表示できない場合はまだ対処方法があって、
コードブロックの部分のインデントを更に増やしてあげれば良いです。
半角スペース4つでだめなら8つにしてみるなど試してみてください。

65
41
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
65
41

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?