# Markdown Cheatsheet
# Table of Content
1. [Reference](#reference)
2. [Code highlighting](#code-highlighting)
# Reference
- https://docs.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops
- https://docs.microsoft.com/en-us/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops

# Headers
# This is a H1 header
## This is a H2 header
### This is a H3 header
#### This is a H4 header
##### This is a H5 header

# Paragraphs and line breaks
Add lines between your text with the **Enter** key.
Your text gets better spaced and makes it easier to read.

Add two spaces before the end of the line, and then select **Enter**.(space, space, Enter)
A space gets added in between paragraphs.

# Blockquotes
> Single line quote
>> Nested quote
>> multiple line
>> quote

# Horizontal rules

above

----
below

# Emphasis (bold, italics, strikethrough)

Use _emphasis_ in comments to express **strong** opinions and point out ~~corrections~~
**_Bold, italicized text_**
**~~Bold, strike-through text~~**

# Code highlighting

sudo npm install vsoagent-installer -g  

const count = records.length;

Console.WriteLine("Hello, World!");

# Tables

| Heading 1 | Heading 2 | Heading 3 |
|-----------|:-----------:|-----------:|
| Cell A1 | Cell A2 | Cell A3 |
| Cell B1 | Cell B2 | Cell B3<br/>second line of text |

# Lists

## Ordered or numbered lists
1. First item.
1. Second item.
1. Third item.

## Bulleted lists
- Item 1
- Item 2
- Item 3

## Nested lists

1. First item.
- Item 1
- Item 2
- Item 3
1. Second item.
- Nested item 1
- Further nested item 1
- Further nested item 2
- Further nested item 3
- Nested item 2
- Nested item 3

# Links

[Link Text](https://bing.com)

[C# language reference](/dotnet/csharp/language-reference/)

###Link to a heading in the page

[Link to a heading in the page](#link-to-a-heading-in-the-page)

# Images


# Checklist or task list

- [ ] A
- [ ] B
- [ ] C
- [x] A
- [x] B
- [x] C

# Emoji

:smile:
:angry:

`:smile:` `:)` `:angry:`

# Mathematical notation and characters

$
\alpha, \beta, \gamma, \delta, \epsilon, \zeta, \eta, \theta, \kappa, \lambda, \mu, \nu, \omicron, \pi, \rho, \sigma, \tau, \upsilon, \phi, ...
$

$\Gamma, \Delta, \Theta, \Lambda, \Xi, \Pi, \Sigma, \Upsilon, \Phi, \Psi, \Omega$

Area of a circle is $\pi r^2$

And, the area of a triangle is:

$$
A_{triangle}=\frac{1}{2}({b}\cdot{h})
$$

$$
\sum_{i=1}^{10} t_i
$$

$$
\int_0^\infty \mathrm{e}^{-x}\,\mathrm{d}x
$$

# Mermaid diagrams
## Sequence diagram example
::: mermaid
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
Alice-)John: See you later!
:::
## Gantt chart example
::: mermaid
gantt
title A Gantt chart
dateFormat YYYY-MM-DD
excludes 2022-03-16,2022-03-18,2022-03-19
section Section

A task :a1, 2022-03-07, 7d
Another task :after a1 , 5d
:::
## Flowchart example
:::mermaid
graph LR;
A[Hard edge] -->|Link text| B(Round edge) --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
:::
## Add a collapsible section
# A collapsible section with markdown
<details>
<summary>Click to expand!</summary>
space

</details>

# Embed videos in a Wiki page
::: video
<iframe width="560" height="315" src="https://www.youtube.com/embed/OtqFyBA6Dbk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
:::

# Embed Azure Boards query results in Wiki
::: query-table <queryid>
:::

# HTML tag support in wiki pages
<p>

[A Markdown link](https://microsoft.com)
</p>

<video src="https://sec.ch9.ms/ch9/7247/7c8ddc1a-348b-4ba9-ab61-51fded6e7247/vstswiki_high.mp4" width=400 controls>
</video>

<p>This text needs to <del>strikethrough</del> <ins>since it is redundant</ins>!</p>
<p><tt>This text is teletype text.</tt></p>
<font color="blue">Colored text</font>
<center>This text is center-aligned.</center>
<p>This text contains ^superscript text.</p>
<p>This text contains _subscript text.</p>
<p>The project status is <span style="color:green;font-weight:bold">GREEN</span> even though the bug count / developer may be in <span style="color:red;font-weight:bold">red.</span> - Capability of span
<p><small>Disclaimer: Wiki also supports showing small text</small></p>
<p><big>Bigger text</big></p>