Markdown中添加折叠段落（collapsible section）

Click to expand!

Heading

1. A numbered
2. list
   • With some
   • Sub bullets

A collapsible section containing code

Click to expand!

  function whatIsLove() {
    console.log('Baby Don't hurt me. Don't hurt me');
    return 'No more';
  }

How to structure

# A collapsible section with markdown
<details>
  <summary>Click to expand!</summary>
  
  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>

NB: Make sure you have an empty line after the closing </summary> tag, otherwise the markdown/code blocks won't show correctly.

NB: Make sure you have an empty line after the closing </details> tag if you have multiple collapsible sections.

来源： https://gist.github.com/pierrejoubert73/902cc94d79424356a8d20be2b382e1ab#how-to-structure

aronisstav commented on Sep 7, 2018

Cool! Any ideas how one could add code formating ? This doesn't work:

 Show `code`

Still not code: ``` this is not code it should be code why can't it be code ```

dvdstelt commented on Sep 13, 2018 • 

edited 

Sure you can. Just remember to add a full empty line before the ```
Otherwise the codeblock doesn't properly start.

I could use some help...

I'll put the entire codeblock here, but because there are ''' inside it, I added one backslash (\) to the end, or otherwise formatting would be messed up. So remember to remove the backslash when copying this.

<details>
<summary>I could use some help...</summary>
<p>

```c#
public class Order
{
    public int OrderId { get; set; }
    public int CustomerId { get; set; }

    public List<int> Products { get; set; }
}
\```

</p>
</details>  

来自为知笔记(Wiz)