Basic Skills

Code

If you just want to highlight a function name or keyword in the statement, you can use it

`function_name`

Usually the editor adapts the appropriate highlighting method to the code snippet, but you can also wrap a piece of code in ` and specify a language

```javascript
$(document).ready(function () {
    alert('hello world');
});
```

Supported language：apache,bash, coffeeScript,c++,c#,css, diff, http, ini, java, javascript, json, makefile, markdown, nginx,objective-c, perl, php, python, ruby,shell session, sql,html, xml

You can also use 4 spaces to indent and paste the code to achieve the same effect.

    def g(x):
    yield from range(x, 0, -1)
    yield from range(x)

Title

When the content of the article is more, the title can be segmented.

Title 1
======

Title 2
-----

## Headlines ##
### Subtitle ###

Rough Ltalic

*Italic text*    _Italic text_

**Defines bold text**    __Defines bold text__

***Rough italic text***    ___Rough italic text___

Link

Common Linking Methods

Text link [Link name](http://Link URL)
URL link <http://Link URL>

Advanced link skills

This link uses 1 as a web site variable [Google][1].
This link uses yahoo as the URL variable [Yahoo!][yahoo].
Then the value of the variable is assigned at the end of the document（Website）

  [1]: http://www.google.com/
  [yahoo]: http://www.yahoo.com/

Quote

General citation

> Use before referring to text [be more than+Space]
> If you want to fold, you can add it.

Nested references in references

> Outermost reference
> > One More > Nesting a layer of references
> > > Can nest many layers

Nested list in the reference

> - This is a list nested in the reference
> - Can also have sublists
>     * Sublist needs to be from - After the delay of four spaces

Nested code block in the reference

>     Similarly, add four spaces in front to form a code block.
>
> `</span>
<span class="gray">&gt;</span><i class="nbsp"> </i>Or use <span class="gray">\` Forming a code block
> `

Image

The difference from the link method is that an exclamation point is added to the front. !，Does this feel like a lot of good memory?

![Image name](http://Image URL)

Of course, you can also use variables for image URLs like URLs.

This link uses 'logo' as the URL variable![][logo]
Then assign a value to the variable at the end of the document（URL）

 [logo]: https://www.notestore.cn/logo.png

Wrap

If you start another line, just add 2 spaces at the end of the current line.

Add 2 spaces at the end of the current line  
This line will start a new line.

If you want to start a new paragraph, just need to leave a line.

Separator

If you have the habit of writing a split line, you can enter three minus signs in a new line. When there are paragraphs after the current time, please leave a line:

Previous paragraph

---

Subsequent paragraph

List

Ordinary unordered list

- Use before the list text [minus sign + space]
+ Use before the list text [plus sign + space]
* Use before the list text [asterisk + space]

Ordinary ordered list

1. Use before the list [number + space]
2. We will automatically add numbers to you.
7. Don't worry about the number is wrong, we will automatically correct 7 of this line to 3 when displayed.

List nesting

1. List all elements：
    - Unordered list element A
        1. Ordered sublist of element A
    - Add four spaces in front
2. Multiple line breaks in the list：
    Must be preceded by four spaces，
    This way, the overall format will not mess
3. Reference in the list：

    > Empty line in front
    > Still need to be in >  Add four spaces in front

4. Code snippet in the list：

    ```
    The first four spaces, followed by the code syntax ``` write
    ```

        Or directly empty eight, introducing code blocks

Table

 ID | Product | Description 
---|---|--- 
 1 | `Google` | Search Engine 
 2 | `Yahoo` | Search Engine

Playground