Markdown skill tree (8): code blocks

Markdown The skill tree （8）： Code block

The format of the inline code is simple , Just use two ` Just wrap the code content , such as var foo = 'bar';

Indent to show code

To be in Markdown It is also easy to create code blocks in , Simply indent 4 Blank or 1 individual tab Can , for example , The following input ：

This is an ordinary paragraph :

This is a code block.

stay Markdown Will be converted into a ：

<p> This is an ordinary paragraph :</p>

<pre><code>This is a code block.
</code></pre>

This indent is one level per line （4 Blank or 1 individual tab）, Will be removed , for example ：

Here is a sample code :

tell application "Foo"
    beep
end tell

Will be converted to ：

<p> Here is a sample code :</p>

<pre><code>tell application "Foo"
    beep
end tell
</code></pre>

A block of code will continue until the line without indentation （ Or at the end of the document ）.

In the code block , & 、 < and > It will automatically change to HTML Entity , This way it's very easy for you to use Markdown Insert HTML The original sample code for , for example ：

<div class="footer">
    &copy; 2004 Foo Corporation
</div>

Will be converted to ：

<pre><code>&lt;div class="footer"&gt;
    &amp;copy; 2004 Foo Corporation
&lt;/div&gt;
</code></pre>

Highlight snippet

In addition to indenting code snippets ,Markdown It also supports highlighted code snippets , When creating a highlighted snippet , Put the code snippet by with three backquotes （ ``` ） Line up , And mark the language type at the end of the first fence , such as ：

// A highlighted block
var foo = 'bar';

```javascript
// A highlighted block
var foo = 'bar';
```

You can also leave the language type unspecified , such as

echo "Hello"

```
echo "Hello"
```

Diff grammar

Besides ,Markdown And support Diff Highlight syntax , The format is as follows

var foo = 'bar';
- var x = 200;
+ var x = 100;

```diff
var foo = 'bar';
+ var x = 200;
* var x = 100;
```

It should be noted that , If the difference content contains `, Make sure you use backslashes \ To escape each backquote ` , Otherwise, the difference highlighting will not appear correctly .

Summary

Let's review Code block The knowledge of it ：

1. With two ` Wrapping the content of the code is an inline code
2. Indent 4 Blank or 1 individual tab You can create an indented code block
3. Use three backquotes before and after the code block （ ``` ） Wrap the code that needs to be highlighted , And in the first ``` You can create a highlighted code block by marking the language type at the end of the