Markdown 使用快捷教程

# Markdown

>i 如果你想在 Topscoding 上发表题解、讨论，甚至想出题，Markdown 是你必须要学会的一门语法，这门语法很简单，很容易就学会。
> 这篇文章内容很多，一下子看不完，推荐收藏，今后需要用到的时候，可以到这里找你想要的东西。

## Markdown 的基本使用

- [安装编辑器，推荐使用 Typora，最终免费版下载](https://topscoder.cloud/d/ali/software/%E3%80%90typora%E6%9C%80%E7%BB%88%E5%85%8D%E8%B4%B9%E7%89%88%E3%80%91typora-update-x64-1117.exe)
- [Markdown 入门基础 | Markdown 官方教程](https://markdown.com.cn/intro.html)
- [Markdown 语法速查表 | Markdown 官方教程](https://markdown.com.cn/cheat-sheet.html)
- [Markdown 基本语法 | Markdown 官方教程](https://markdown.com.cn/basic-syntax/)
- [Markdown 扩展语法入门 | Markdown 官方教程](https://markdown.com.cn/extended-syntax/)
- [技术文档写作规范](https://www.jianshu.com/p/3b638180e42c)

## Markdown 中使用 Latex 数学公式

- [LaTeX 数学公式大全](https://www.luogu.com.cn/blog/IowaBattleship/latex-gong-shi-tai-quan)
- [在线LaTex公式编辑器](https://latexlive.com/)

## Markdown 中插入图和表

不过多展开，更多请参考官方文档：

- [Flowchart 流程图](https://mermaid-js.github.io/mermaid/#/flowchart)
- [图表示例](https://mermaid-js.github.io/mermaid/#/examples)
- [在线Markdown流程图绘制](https://mermaid.live/edit)

流程图制作

````
```mermaid
flowchart TD
    A[Start] --> B{Is it?}
    B -- Yes --> C[OK]
    C --> D[Rethink]
    D --> B
    B -- No ----> E[End]
```
````

渲染如下：

```mermaid
flowchart TD
    A[Start] --> B{Is it?}
    B -- Yes --> C[OK]
    C --> D[Rethink]
    D --> B
    B -- No ----> E[End]
```

关系表制作：

```
graph LR
emperor((朱八八))-.子.->朱五四-.子.->朱四九-.子.->朱百六
朱雄英--长子-->朱标--长子-->emperor
emperor2((朱允炆))--次子-->朱标
朱樉--次子-->emperor
朱棡--三子-->emperor
emperor3((朱棣))--四子-->emperor
emperor4((朱高炽))--长子-->emperor3
```

渲染如下：

```mermaid
graph LR
emperor((朱八八))-.子.->朱五四-.子.->朱四九-.子.->朱百六
朱雄英--长子-->朱标--长子-->emperor
emperor2((朱允炆))--次子-->朱标
朱樉--次子-->emperor
朱棡--三子-->emperor
emperor3((朱棣))--四子-->emperor
emperor4((朱高炽))--长子-->emperor3
```

## Markdown 中插入思维导图

思维导图是一种表达发散性思维的有效图形思维工具。可以帮助读者快速理清思路、搭建知识体系、发散思维。Topscoding 现在支持插入思维导图啦，只需一点点简单的语法，就可以在文档里插入漂亮的思维导图。快在你的笔记中用起来吧！

- [在线Markdown思维导图编辑](https://markmap.js.org/repl/)

### 第一个思维导图

可以简单地用 `h1~h6` 进行分级。

语法：

````markdown
```mindmap
# 知识点xxx
## 概念
### 基本概念
### 延伸概念
## 性质
### 性质1
### 性质2
## 应用
### 应用1
### 应用2
## 总结
```
````

渲染为：

```mindmap
# 知识点xxx
## 概念
### 基本概念
### 延伸概念
## 性质
### 性质1
### 性质2
## 应用
### 应用1
### 应用2
## 总结
```

### 第二个思维导图

也可以使用无序列表缩进表示。

语法：

````markdown
```mindmap
# 知识点xxx
- 概念
  - 基本概念
    - 什么是 xxx
  - 延伸概念
    -  扩展 xxx
- 性质
  - 性质1
  - 性质2
- 应用
  - 应用1
  - 应用2
- 总结
```
````

渲染为：

```mindmap
# 知识点xxx
- 概念
  - 基本概念
    - 什么是 xxx
  - 延伸概念
    -  扩展 xxx
- 性质
  - 性质1
  - 性质2
- 应用
  - 应用1
  - 应用2
- 总结
```

### 第三个思维导图

任何基本的 Markdown 语法均可以在思维导图中正常使用。注意事项：

1. 不支持 Latex 公式，但是可以使用 MathML/SVG/img 来显示公式；
2. 支持多行代码显示，但是要注意空行问题。

尽管思维导图中支持上述功能，但是还是不建议在思维导图中插入多行代码或 MathML 公式！因为某些原因，Chrome内核的浏览器可能无法正常显示 MathML 标签和多行代码，实测火狐Firefox浏览器上可以正常显示，Safari浏览器未知。因此，不建议使用。

如果要插入公式，建议以 SVG 或 img 的格式插入公式。

````
```mindmap
> height 500
# markmap

## Links

- <https://topscoding.com/>
- [Topscoding](https://topscoding.com)

## Pictures

- 仅支持 html 标签形式的图片，不支持 `![]()` 插入图片
- <img src="https://topscoder.cloud/d/minio/topscoding/d6f4bceeb61811ec8752bce92ffad09a.png" alt="image-20220407101706198" width="100" height="100"/>

## Featuresss

- 支持设置脑图高度（默认 400px），在开头设置，示例：`> hight 500`
- 支持 Emoji:😀😎🦊🐸
- 支持加粗、倾斜等基础语法：**inline** ~~text~~ *styles*
- 可以多行：第一行
  第二行
- 行内代码：`inline code`
- 不推荐使用多行代码，如果使用，请保证上面多一个空行，且脑图用4个点包括，否则可能无法正常解析
- html文本：2H<SUB>2</SUB> + O<SUP>2</SUP> = 2H<SUB>2</SUB>O
- 不支持 Latex 数学公式，请使用 MathML/html/图片 来显示公式
- 海伦公式(MathML渲染)：<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>s</mi><mo>=</mo><mroot><mrow><mi>p</mi><mo stretchy="false">(</mo><mi>p</mi><mo>−</mo><mi>a</mi><mo stretchy="false">)</mo><mo stretchy="false">(</mo><mi>p</mi><mo>−</mo><mi>b</mi><mo stretchy="false">)</mo><mo stretchy="false">(</mo><mi>p</mi><mo>−</mo><mi>c</mi><mo stretchy="false">)</mo></mrow><mn>2</mn></mroot></math>
- 一元二次方程解：<svg xmlns="http://www.w3.org/2000/svg" width="20.69ex" height="5.291ex" viewBox="0 -1642.5 9145 2338.5" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style=""><defs><path id="MJX-2-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-2-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-2-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-2-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-2-TEX-N-B1" d="M56 320T56 333T70 353H369V502Q369 651 371 655Q376 666 388 666Q402 666 405 654T409 596V500V353H707Q722 345 722 333Q722 320 707 313H409V40H707Q722 32 722 20T707 0H70Q56 7 56 20T70 40H369V313H70Q56 320 56 333Z"></path><path id="MJX-2-TEX-N-221A" d="M95 178Q89 178 81 186T72 200T103 230T169 280T207 309Q209 311 212 311H213Q219 311 227 294T281 177Q300 134 312 108L397 -77Q398 -77 501 136T707 565T814 786Q820 800 834 800Q841 800 846 794T853 782V776L620 293L385 -193Q381 -200 366 -200Q357 -200 354 -197Q352 -195 256 15L160 225L144 214Q129 202 113 190T95 178Z"></path><path id="MJX-2-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-2-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-2-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-2-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="math"><g data-mml-node="mi"><use xlink:href="#MJX-2-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(849.8, 0)"><use xlink:href="#MJX-2-TEX-N-3D"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1905.6, 0)"><g data-mml-node="mfrac"><g data-mml-node="mrow" transform="translate(220, 676)"><g data-mml-node="mo"><use xlink:href="#MJX-2-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(778, 0)"><use xlink:href="#MJX-2-TEX-I-1D44F"></use></g><g data-mml-node="mo" transform="translate(1429.2, 0)"><use xlink:href="#MJX-2-TEX-N-B1"></use></g><g data-mml-node="msqrt" transform="translate(2429.4, 0)"><g transform="translate(853, 0)"><g data-mml-node="msup"><g data-mml-node="mi"><use xlink:href="#MJX-2-TEX-I-1D44F"></use></g><g data-mml-node="mn" transform="translate(429, 289) scale(0.707)"><use xlink:href="#MJX-2-TEX-N-32"></use></g></g><g data-mml-node="mo" transform="translate(1054.8, 0)"><use xlink:href="#MJX-2-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(2055, 0)"><use xlink:href="#MJX-2-TEX-N-34"></use></g><g data-mml-node="mi" transform="translate(2555, 0)"><use xlink:href="#MJX-2-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(3084, 0)"><use xlink:href="#MJX-2-TEX-I-1D450"></use></g></g><g data-mml-node="mo" transform="translate(0, 106.5)"><use xlink:href="#MJX-2-TEX-N-221A"></use></g><rect width="3517" height="60" x="853" y="846.5"></rect></g></g><g data-mml-node="mrow" transform="translate(3105.2, -686)"><g data-mml-node="mn"><use xlink:href="#MJX-2-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500, 0)"><use xlink:href="#MJX-2-TEX-I-1D44E"></use></g></g><rect width="6999.4" height="60" x="120" y="220"></rect></g></g></g></g></svg>
- 时间复杂度：<svg xmlns="http://www.w3.org/2000/svg" width="11.15ex" height="2.262ex" viewBox="0 -750 4928.3 1000" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style=""><defs><path id="MJX-34-TEX-I-1D442" d="M740 435Q740 320 676 213T511 42T304 -22Q207 -22 138 35T51 201Q50 209 50 244Q50 346 98 438T227 601Q351 704 476 704Q514 704 524 703Q621 689 680 617T740 435ZM637 476Q637 565 591 615T476 665Q396 665 322 605Q242 542 200 428T157 216Q157 126 200 73T314 19Q404 19 485 98T608 313Q637 408 637 476Z"></path><path id="MJX-34-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-34-TEX-I-1D441" d="M234 637Q231 637 226 637Q201 637 196 638T191 649Q191 676 202 682Q204 683 299 683Q376 683 387 683T401 677Q612 181 616 168L670 381Q723 592 723 606Q723 633 659 637Q635 637 635 648Q635 650 637 660Q641 676 643 679T653 683Q656 683 684 682T767 680Q817 680 843 681T873 682Q888 682 888 672Q888 650 880 642Q878 637 858 637Q787 633 769 597L620 7Q618 0 599 0Q585 0 582 2Q579 5 453 305L326 604L261 344Q196 88 196 79Q201 46 268 46H278Q284 41 284 38T282 19Q278 6 272 0H259Q228 2 151 2Q123 2 100 2T63 2T46 1Q31 1 31 10Q31 14 34 26T39 40Q41 46 62 46Q130 49 150 85Q154 91 221 362L289 634Q287 635 234 637Z"></path><path id="MJX-34-TEX-N-6C" d="M42 46H56Q95 46 103 60V68Q103 77 103 91T103 124T104 167T104 217T104 272T104 329Q104 366 104 407T104 482T104 542T103 586T103 603Q100 622 89 628T44 637H26V660Q26 683 28 683L38 684Q48 685 67 686T104 688Q121 689 141 690T171 693T182 694H185V379Q185 62 186 60Q190 52 198 49Q219 46 247 46H263V0H255L232 1Q209 2 183 2T145 3T107 3T57 1L34 0H26V46H42Z"></path><path id="MJX-34-TEX-N-6F" d="M28 214Q28 309 93 378T250 448Q340 448 405 380T471 215Q471 120 407 55T250 -10Q153 -10 91 57T28 214ZM250 30Q372 30 372 193V225V250Q372 272 371 288T364 326T348 362T317 390T268 410Q263 411 252 411Q222 411 195 399Q152 377 139 338T126 246V226Q126 130 145 91Q177 30 250 30Z"></path><path id="MJX-34-TEX-N-67" d="M329 409Q373 453 429 453Q459 453 472 434T485 396Q485 382 476 371T449 360Q416 360 412 390Q410 404 415 411Q415 412 416 414V415Q388 412 363 393Q355 388 355 386Q355 385 359 381T368 369T379 351T388 325T392 292Q392 230 343 187T222 143Q172 143 123 171Q112 153 112 133Q112 98 138 81Q147 75 155 75T227 73Q311 72 335 67Q396 58 431 26Q470 -13 470 -72Q470 -139 392 -175Q332 -206 250 -206Q167 -206 107 -175Q29 -140 29 -75Q29 -39 50 -15T92 18L103 24Q67 55 67 108Q67 155 96 193Q52 237 52 292Q52 355 102 398T223 442Q274 442 318 416L329 409ZM299 343Q294 371 273 387T221 404Q192 404 171 388T145 343Q142 326 142 292Q142 248 149 227T179 192Q196 182 222 182Q244 182 260 189T283 207T294 227T299 242Q302 258 302 292T299 343ZM403 -75Q403 -50 389 -34T348 -11T299 -2T245 0H218Q151 0 138 -6Q118 -15 107 -34T95 -74Q95 -84 101 -97T122 -127T170 -155T250 -167Q319 -167 361 -139T403 -75Z"></path><path id="MJX-34-TEX-N-2061" d=""></path><path id="MJX-34-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="math"><g data-mml-node="mi"><use xlink:href="#MJX-34-TEX-I-1D442"></use></g><g data-mml-node="mo" transform="translate(763, 0)"><use xlink:href="#MJX-34-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(1152, 0)"><use xlink:href="#MJX-34-TEX-I-1D441"></use></g><g data-mml-node="mi" transform="translate(2206.7, 0)"><use xlink:href="#MJX-34-TEX-N-6C"></use><use xlink:href="#MJX-34-TEX-N-6F" transform="translate(278, 0)"></use><use xlink:href="#MJX-34-TEX-N-67" transform="translate(778, 0)"></use></g><g data-mml-node="mo" transform="translate(3484.7, 0)"><use xlink:href="#MJX-34-TEX-N-2061"></use></g><g data-mml-node="mi" transform="translate(3651.3, 0)"><use xlink:href="#MJX-34-TEX-I-1D441"></use></g><g data-mml-node="mo" transform="translate(4539.3, 0)"><use xlink:href="#MJX-34-TEX-N-29"></use></g></g></g></svg>
```
````

渲染为：

````mindmap
> height 500
# markmap

## Links

- <https://topscoding.com/>
- [Topscoding](https://topscoding.com)

## Pictures

- 仅支持 html 标签形式的图片，不支持 `![]()` 插入图片
- <img src="https://topscoder.cloud/d/minio/topscoding/d6f4bceeb61811ec8752bce92ffad09a.png" alt="image-20220407101706198" width="100" height="100"/>

## Featuresss

- 支持设置脑图高度（默认 400px），在开头设置，示例：`> hight 500`
- 支持 Emoji:😀😎🦊🐸
- 支持加粗、倾斜等基础语法：**inline** ~~text~~ *styles*
- 可以多行：第一行
  第二行
- 行内代码：`inline code`
- 不推荐使用多行代码，如果使用，请保证上面多一个空行，且脑图用4个点包括，否则可能无法正常解析
- html文本：2H<SUB>2</SUB> + O<SUP>2</SUP> = 2H<SUB>2</SUB>O
- 不支持 Latex 数学公式，请使用 MathML/html/图片 来显示公式
- 海伦公式（MathML渲染）：<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>s</mi><mo>=</mo><mroot><mrow><mi>p</mi><mo stretchy="false">(</mo><mi>p</mi><mo>−</mo><mi>a</mi><mo stretchy="false">)</mo><mo stretchy="false">(</mo><mi>p</mi><mo>−</mo><mi>b</mi><mo stretchy="false">)</mo><mo stretchy="false">(</mo><mi>p</mi><mo>−</mo><mi>c</mi><mo stretchy="false">)</mo></mrow><mn>2</mn></mroot></math>
- 一元二次方程解：<svg xmlns="http://www.w3.org/2000/svg" width="20.69ex" height="5.291ex" viewBox="0 -1642.5 9145 2338.5" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style=""><defs><path id="MJX-2-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-2-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-2-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-2-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-2-TEX-N-B1" d="M56 320T56 333T70 353H369V502Q369 651 371 655Q376 666 388 666Q402 666 405 654T409 596V500V353H707Q722 345 722 333Q722 320 707 313H409V40H707Q722 32 722 20T707 0H70Q56 7 56 20T70 40H369V313H70Q56 320 56 333Z"></path><path id="MJX-2-TEX-N-221A" d="M95 178Q89 178 81 186T72 200T103 230T169 280T207 309Q209 311 212 311H213Q219 311 227 294T281 177Q300 134 312 108L397 -77Q398 -77 501 136T707 565T814 786Q820 800 834 800Q841 800 846 794T853 782V776L620 293L385 -193Q381 -200 366 -200Q357 -200 354 -197Q352 -195 256 15L160 225L144 214Q129 202 113 190T95 178Z"></path><path id="MJX-2-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-2-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-2-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-2-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="math"><g data-mml-node="mi"><use xlink:href="#MJX-2-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(849.8, 0)"><use xlink:href="#MJX-2-TEX-N-3D"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1905.6, 0)"><g data-mml-node="mfrac"><g data-mml-node="mrow" transform="translate(220, 676)"><g data-mml-node="mo"><use xlink:href="#MJX-2-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(778, 0)"><use xlink:href="#MJX-2-TEX-I-1D44F"></use></g><g data-mml-node="mo" transform="translate(1429.2, 0)"><use xlink:href="#MJX-2-TEX-N-B1"></use></g><g data-mml-node="msqrt" transform="translate(2429.4, 0)"><g transform="translate(853, 0)"><g data-mml-node="msup"><g data-mml-node="mi"><use xlink:href="#MJX-2-TEX-I-1D44F"></use></g><g data-mml-node="mn" transform="translate(429, 289) scale(0.707)"><use xlink:href="#MJX-2-TEX-N-32"></use></g></g><g data-mml-node="mo" transform="translate(1054.8, 0)"><use xlink:href="#MJX-2-TEX-N-2212"></use></g><g data-mml-node="mn" transform="translate(2055, 0)"><use xlink:href="#MJX-2-TEX-N-34"></use></g><g data-mml-node="mi" transform="translate(2555, 0)"><use xlink:href="#MJX-2-TEX-I-1D44E"></use></g><g data-mml-node="mi" transform="translate(3084, 0)"><use xlink:href="#MJX-2-TEX-I-1D450"></use></g></g><g data-mml-node="mo" transform="translate(0, 106.5)"><use xlink:href="#MJX-2-TEX-N-221A"></use></g><rect width="3517" height="60" x="853" y="846.5"></rect></g></g><g data-mml-node="mrow" transform="translate(3105.2, -686)"><g data-mml-node="mn"><use xlink:href="#MJX-2-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500, 0)"><use xlink:href="#MJX-2-TEX-I-1D44E"></use></g></g><rect width="6999.4" height="60" x="120" y="220"></rect></g></g></g></g></svg>
- 时间复杂度：<svg xmlns="http://www.w3.org/2000/svg" width="11.15ex" height="2.262ex" viewBox="0 -750 4928.3 1000" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style=""><defs><path id="MJX-34-TEX-I-1D442" d="M740 435Q740 320 676 213T511 42T304 -22Q207 -22 138 35T51 201Q50 209 50 244Q50 346 98 438T227 601Q351 704 476 704Q514 704 524 703Q621 689 680 617T740 435ZM637 476Q637 565 591 615T476 665Q396 665 322 605Q242 542 200 428T157 216Q157 126 200 73T314 19Q404 19 485 98T608 313Q637 408 637 476Z"></path><path id="MJX-34-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-34-TEX-I-1D441" d="M234 637Q231 637 226 637Q201 637 196 638T191 649Q191 676 202 682Q204 683 299 683Q376 683 387 683T401 677Q612 181 616 168L670 381Q723 592 723 606Q723 633 659 637Q635 637 635 648Q635 650 637 660Q641 676 643 679T653 683Q656 683 684 682T767 680Q817 680 843 681T873 682Q888 682 888 672Q888 650 880 642Q878 637 858 637Q787 633 769 597L620 7Q618 0 599 0Q585 0 582 2Q579 5 453 305L326 604L261 344Q196 88 196 79Q201 46 268 46H278Q284 41 284 38T282 19Q278 6 272 0H259Q228 2 151 2Q123 2 100 2T63 2T46 1Q31 1 31 10Q31 14 34 26T39 40Q41 46 62 46Q130 49 150 85Q154 91 221 362L289 634Q287 635 234 637Z"></path><path id="MJX-34-TEX-N-6C" d="M42 46H56Q95 46 103 60V68Q103 77 103 91T103 124T104 167T104 217T104 272T104 329Q104 366 104 407T104 482T104 542T103 586T103 603Q100 622 89 628T44 637H26V660Q26 683 28 683L38 684Q48 685 67 686T104 688Q121 689 141 690T171 693T182 694H185V379Q185 62 186 60Q190 52 198 49Q219 46 247 46H263V0H255L232 1Q209 2 183 2T145 3T107 3T57 1L34 0H26V46H42Z"></path><path id="MJX-34-TEX-N-6F" d="M28 214Q28 309 93 378T250 448Q340 448 405 380T471 215Q471 120 407 55T250 -10Q153 -10 91 57T28 214ZM250 30Q372 30 372 193V225V250Q372 272 371 288T364 326T348 362T317 390T268 410Q263 411 252 411Q222 411 195 399Q152 377 139 338T126 246V226Q126 130 145 91Q177 30 250 30Z"></path><path id="MJX-34-TEX-N-67" d="M329 409Q373 453 429 453Q459 453 472 434T485 396Q485 382 476 371T449 360Q416 360 412 390Q410 404 415 411Q415 412 416 414V415Q388 412 363 393Q355 388 355 386Q355 385 359 381T368 369T379 351T388 325T392 292Q392 230 343 187T222 143Q172 143 123 171Q112 153 112 133Q112 98 138 81Q147 75 155 75T227 73Q311 72 335 67Q396 58 431 26Q470 -13 470 -72Q470 -139 392 -175Q332 -206 250 -206Q167 -206 107 -175Q29 -140 29 -75Q29 -39 50 -15T92 18L103 24Q67 55 67 108Q67 155 96 193Q52 237 52 292Q52 355 102 398T223 442Q274 442 318 416L329 409ZM299 343Q294 371 273 387T221 404Q192 404 171 388T145 343Q142 326 142 292Q142 248 149 227T179 192Q196 182 222 182Q244 182 260 189T283 207T294 227T299 242Q302 258 302 292T299 343ZM403 -75Q403 -50 389 -34T348 -11T299 -2T245 0H218Q151 0 138 -6Q118 -15 107 -34T95 -74Q95 -84 101 -97T122 -127T170 -155T250 -167Q319 -167 361 -139T403 -75Z"></path><path id="MJX-34-TEX-N-2061" d=""></path><path id="MJX-34-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="math"><g data-mml-node="mi"><use xlink:href="#MJX-34-TEX-I-1D442"></use></g><g data-mml-node="mo" transform="translate(763, 0)"><use xlink:href="#MJX-34-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(1152, 0)"><use xlink:href="#MJX-34-TEX-I-1D441"></use></g><g data-mml-node="mi" transform="translate(2206.7, 0)"><use xlink:href="#MJX-34-TEX-N-6C"></use><use xlink:href="#MJX-34-TEX-N-6F" transform="translate(278, 0)"></use><use xlink:href="#MJX-34-TEX-N-67" transform="translate(778, 0)"></use></g><g data-mml-node="mo" transform="translate(3484.7, 0)"><use xlink:href="#MJX-34-TEX-N-2061"></use></g><g data-mml-node="mi" transform="translate(3651.3, 0)"><use xlink:href="#MJX-34-TEX-I-1D441"></use></g><g data-mml-node="mo" transform="translate(4539.3, 0)"><use xlink:href="#MJX-34-TEX-N-29"></use></g></g></g></svg>
````

# Html 基础语法格式

## 图片缩放

- 只设置 `width` 或 `height` 属性时，将等比例缩放。

- 同时设置 `width` 和 `height` 时，图片将会根据你所设置的大小进行缩放。
- `width` 和 `height` 除了按像素值设置外，还可以按百分比设置，比如设置 `width=50%`，那么会将图片等比例缩放为原尺寸一半。

```html
<img src="https://images.pexels.com/photos/3228769/pexels-photo-3228769.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=300" alt="花拍照的人" width="100" height="160"/>
```

## 图片居中

```html
<div style="text-align:center;">
    <img src="https://images.pexels.com/photos/3228769/pexels-photo-3228769.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=300" alt="花拍照的人" width="10%"/>
</div>
```

<div style="text-align:center;">
    <img src="https://images.pexels.com/photos/3228769/pexels-photo-3228769.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=300" alt="花拍照的人" width="10%"/>
</div>
## 文字居中

```html
<center>我被居中了</center>
```

<center>我被居中了</center>

## 文字颜色

```html
<p style="color:red;">红色</p>
<p style="color:blue;">蓝色</p>
<p style="color:pink;">粉色</p>
<p style="color:green;">绿色</p>
<p style="color:#ea5514;">自定义HEX颜色</p>
```

<p style="color:red;">红色</p>
<p style="color:blue;">蓝色</p>
<p style="color:pink;">粉色</p>
<p style="color:green;">绿色</p>
<p style="color:#ea5514;">自定义HEX颜色</p>

## 文字加粗/倾斜/下划线等

```html
<b>粗体文本</b>
<strong>加重语气</strong>
<em>着重文字</em>
<i>斜体字</i>
<small>小号字</small>
<ins>插入字</ins>
<del>删除字</del>
```

## 分栏显示

需要配合 `html` 页面 `css` 设置才可生效

```html
<div class="section__body typo">
    <div class="row">
        <div class="medium-6 columns">
            <h2>简单介绍</h2>
            <p>在 OJ 的博客功能出来前，这个班级内存放：<br>1. 昌老师的学习笔记<br>2. 昌老师出的题目<br>3. 昌老师的其他东东</p>
            <p>在权限设计上，除访问班级和查看讨论并评论外，其他权限一概关闭，这样，就实现了一个伪“博客”啦！</p>
            <h2>一些至理名言</h2>
            <ol>
                <li>掌握方法比掌握一道题更重要</li>
                <li>磨刀不误砍柴工</li>
            </ol>
        </div>
        <div class="medium-6 columns">
            <h2>快速通道:</h2>
            <p style="font-size=5px;">(如需加入班级，请联系lichangjun)</p>
            <p><a href="http://www.topscoding.com/d/limm_problem/discuss/%E9%A2%98%E8%A7%A3">一些题解</a>、<a href="http://www.topscoding.com/d/limm_problem/discuss/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0">笔记汇总</a></p>
            <h2>常用班级</h2>
            <div class="row"><div class="medium-6 small-6 columns">
            <p><a href="/d/teachers/">教学组</a></p>
            <p><a href="/d/jingying/">精英班</a></p>
            </div><div class="medium-6 small-6 columns">
            <p><a href="/d/libin_blog/">李老师的数据结构</a></p>
            <p><a href="/d/practice_myself/">王者的自我修炼秘籍</a></p>
            </div></div>
        </div>
    </div>
</div>
```

## 折叠内容

证明：
	
- abc * $x^2$ = d
- gaega
- 给我欸经
	
```mindmap >400
# 树的性质
## 边和节点的关系
## 高度和节点的关系
## 二叉树的性质
## 满二叉树的性质
## 完全二叉树的性质
```
</details>

---

<details>
<summary>prof</summary>
==abc==,~~def~~, *deeee*
$s^2 = a^2$
	
	$$s^2 = a^2\\
	b^2
	$$
	
```cpp
#include <iostream>
int main() {
	cout << a + b;
}
```

</details>