markdown速查¶

Headings
Text styles
Normal
Bold
Italic
Bold and Italic
Blockquotes
Monospaced
Underlined
Strike-through
Boxed
Subscript
Superscript
Text Color
Multiline
Syntax Highlighting
Inline code
Code block
Diff Code block
Alignments
Tables
Links
Inline
Reference
Footnote
Relative
Auto
Section
Hover
Enclosed
Highlight words and link it to a URL
Images
Theme
- Using picture tag
- Using dark and light mode
Badges
Lists
Ordered
Unordered
Task
Buttons
Button with emoji
Collapsible items (28 July 2023)
Horizontal Rule
Diagrams (19 July 2022)
Mathematical expressions (19 July 2022)
Alerts (8 January 2024)
Mention people and teams
Reference issues and pull requests
Color models
View Code
Code in titles
Reference Labels
Miscellaneous
Comments
Escaping Markdown Characters
Emojis
Line break
Back to top
Bitbucket
Azure DevOps Project wiki
MDX
Tools

Headings¶

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Heading 1¶

Heading 2¶

Heading 3¶

Heading 4¶

Heading 5¶

Heading 6¶

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text styles¶

Normal¶

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Bold¶

Mac: command+B

Windows: control+B

**The quick brown fox jumps over the lazy dog.**
__The quick brown fox jumps over the lazy dog.__
<strong>The quick brown fox jumps over the lazy dog.</strong>

The quick brown fox jumps over the lazy dog.

Italic¶

Mac: command+I

Windows: control+I

*The quick brown fox jumps over the lazy dog.*
_The quick brown fox jumps over the lazy dog._
<em>The quick brown fox jumps over the lazy dog.</em>

The quick brown fox jumps over the lazy dog.

Bold and Italic¶

**_The quick brown fox jumps over the lazy dog._**
<strong><em>The quick brown fox jumps over the lazy dog.</em></strong>

The quick brown fox jumps over the lazy dog.

Blockquotes¶

Mac: command+shift+.

Windows: control+shift+.

> The quick brown fox jumps over the lazy dog.

<br>

> The quick brown fox jumps over the lazy dog.
>
> The quick brown fox jumps over the lazy dog.
>
> The quick brown fox jumps over the lazy dog.

<br>

> The quick brown fox jumps over the lazy dog.
>> The quick brown fox jumps over the lazy dog.
>>> The quick brown fox jumps over the lazy dog.

<br>

> **The quick brown fox** *jumps over the lazy dog.*

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Monospaced¶

<samp>The quick brown fox jumps over the lazy dog.</samp>

The quick brown fox jumps over the lazy dog.

Underlined¶

<ins>The quick brown fox jumps over the lazy dog.</ins>

The quick brown fox jumps over the lazy dog.

Strike-through¶

~~The quick brown fox jumps over the lazy dog.~~

~~The quick brown fox jumps over the lazy dog.~~

<pre>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strike>Sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</strike> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <strike>Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</strike>
</pre>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<strike>

```js
console.log('Error');
```

</strike>

console.log('Error');

Boxed¶

<table><tr><td>The quick brown fox jumps over the lazy dog.</td></tr></table>

The quick brown fox jumps over the lazy dog.

Subscript¶

log<sub>2</sub>(x)
Subscript <sub>The quick brown fox jumps over the lazy dog.</sub>

log₂(x)

Subscript _{The quick brown fox jumps over the lazy dog.}

Superscript¶

2 <sup>53-1</sup> and -2 <sup>53-1</sup>
Superscript <sup>The quick brown fox jumps over the lazy dog.</sup>

2 ^53-1 and -2 ^53-1

Superscript ^{The quick brown fox jumps over the lazy dog.}

Multiline¶

The quick\ brown fox\ jumps over\ the lazy dog.

The quick\
brown fox\
jumps over\
the lazy dog.

Syntax Highlighting¶

Inline code¶

A class method is an instance method of the class object. When a new class is created, an object of type Class is initialized and assigned to a global constant (Mobile in this case).

You can use command + e on Mac or control + e on Windows to insert inline code.

Code block¶

public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};

```
public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};
```

public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};

```java
public static String monthNames[] = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};
```

Refer to this and this GitHub document to find all the valid keywords.

Diff Code block¶

## git diff a/test.txt b/test.txt
diff --git a/a/test.txt b/b/test.txt
index 309ee57..c995021 100644
--- a/a/test.txt
+++ b/b/test.txt
@@ -1,8 +1,6 @@
-The quick brown fox jumps over the lazy dog
+The quick brown fox jumps over the lazy cat

 a
-b
 c
 d
-e
 f

```diff
## git diff a/test.txt b/test.txt
diff --git a/a/test.txt b/b/test.txt
index 309ee57..c995021 100644
--- a/a/test.txt
+++ b/b/test.txt
@@ -1,8 +1,6 @@
-The quick brown fox jumps over the lazy dog
+The quick brown fox jumps over the lazy cat

 a
-b
 c
 d
-e
 f
```

- Text in Red
+ Text in Green
! Text in Orange
# Text in Gray
@@ Text in Purple and bold @@

```diff
- Text in Red
+ Text in Green
! Text in Orange
# Text in Gray
@@ Text in Purple and bold @@
```

Alignments¶

<p align="left">
<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>
</p>

Vintage-style alarm clock with Roman numerals on its face, set on a surface covered with newspaper, with a blurred background.

<p align="center">
<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>
</p>

Vintage-style alarm clock with Roman numerals on its face, set on a surface covered with newspaper, with a blurred background.

<p align="right">
<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>
</p>

Vintage-style alarm clock with Roman numerals on its face, set on a surface covered with newspaper, with a blurred background.

<h3 align="center"> My latest Medium posts </h3>

My latest Medium posts

Tables¶

<table>
<tr>
<td width="33%"">
The quick brown fox jumps over the lazy dog.
</td>
<td width="33%">
The quick brown fox jumps over the lazy dog.
</td>
<td width="33%">
The quick brown fox jumps over the lazy dog.
</td>
</tr>
</table>

The quick brown fox jumps over the lazy dog.

| Default | Left align | Center align | Right align |
| - | :- | :-: | -: |
| 9999999999 | 9999999999 | 9999999999 | 9999999999 |
| 999999999 | 999999999 | 999999999 | 999999999 |
| 99999999 | 99999999 | 99999999 | 99999999 |
| 9999999 | 9999999 | 9999999 | 9999999 |

| Default    | Left align | Center align | Right align |
| ---------- | :--------- | :----------: | ----------: |
| 9999999999 | 9999999999 | 9999999999   | 9999999999  |
| 999999999  | 999999999  | 999999999    | 999999999   |
| 99999999   | 99999999   | 99999999     | 99999999    |
| 9999999    | 9999999    | 9999999      | 9999999     |

Default    | Left align | Center align | Right align
---------- | :--------- | :----------: | ----------:
9999999999 | 9999999999 | 9999999999   | 9999999999
999999999  | 999999999  | 999999999    | 999999999
99999999   | 99999999   | 99999999     | 99999999
9999999    | 9999999    | 9999999      | 9999999

Default	Left align	Center align	Right align
9999999999	9999999999	9999999999	9999999999
999999999	999999999	999999999	999999999
99999999	99999999	99999999	99999999
9999999	9999999	9999999	9999999

Default	Left align	Center align	Right align
9999999999	9999999999	9999999999	9999999999
999999999	999999999	999999999	999999999
99999999	99999999	99999999	99999999
9999999	9999999	9999999	9999999

Default	Left align	Center align	Right align
9999999999	9999999999	9999999999	9999999999
999999999	999999999	999999999	999999999
99999999	99999999	99999999	99999999
9999999	9999999	9999999	9999999

<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>

<td>

| A | B | C |
|--|--|--|
| 1 | 2 | 3 |

</td><td>

| A | B | C |
|--|--|--|
| 1 | 2 | 3 |

</td></tr> </table>

Heading 1	Heading 2
\| A \| B \| C \| \|--\|--\|--\| \| 1 \| 2 \| 3 \|	\| A \| B \| C \| \|--\|--\|--\| \| 1 \| 2 \| 3 \|

| A | B | C |
|---|---|---|
| 1 | 2 | 3 <br/> 4 <br/> 5 |

A	B	C
1	2	3 4 5

<table>
<tr>
<th>Before Hoisting</th>
<th>After Hoisting</th>
</tr>
<tr>
<td>
<pre lang="js">
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
var fullName;
</pre>
</td>
<td>
<pre lang="js">
var fullName;
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
</pre>
</td>
</tr>
</table>

Before Hoisting

After Hoisting

console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan
var fullName;

var fullName;
console.log(fullName); // undefined
fullName = "Dariana Trahan";
console.log(fullName); // Dariana Trahan

Links¶

Inline¶

[The-Ultimate-Markdown-Cheat-Sheet](https://github.com/lifeparticle/Markdown-Cheatsheet)

The-Ultimate-Markdown-Cheat-Sheet

Reference¶

[The-Ultimate-Markdown-Cheat-Sheet][reference text]

[The-Ultimate-Markdown-Cheat-Sheet][1]

[Markdown-Cheat-Sheet]

[reference text]: https://github.com/lifeparticle/Markdown-Cheatsheet
[1]: https://github.com/lifeparticle/Markdown-Cheatsheet
[Markdown-Cheat-Sheet]: https://github.com/lifeparticle/Markdown-Cheatsheet

The-Ultimate-Markdown-Cheat-Sheet

Markdown-Cheat-Sheet

Footnote¶

Footnote.¹

Some other important footnote.²

Footnote.[^1]

Some other important footnote.[^2]

[^1]: This is footnote number one.
[^2]: Here is the second footnote.

Screen Shot 2024-02-06 at 8 23 52 pm

Relative¶

[Example of a relative link](rl.md)

Example of a relative link

Auto¶

Visit https://github.com/

Visit https://github.com/

Email at example@example.com

Email at example@example.com

Section¶

Screen Shot 2024-02-04 at 12 49 07 pm

Hover¶

You can use BinaryTree to create markdown tables.

Enclosed¶

<https://github.com/>

https://github.com/

Highlight words and link it to a URL¶

[BinaryTree](https://binarytree.dev/)

BinaryTree

Jun-15-2024 09-55-51

Images¶

Alt text and title are optional.

![alt text](https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80 "Title text")

alt text

![alt text][image]

[image]: https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80 "Title text"

alt text

<img src="https://images.unsplash.com/photo-1415604934674-561df9abf539?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2772&q=80" width="100" height="100" border="10"/>

alt text

GIF of students in a grand hall joyfully throwing their graduation caps into the air in celebration, with large banners and lit torches decorating the background.

<img src="https://media.giphy.com/media/qLHzYjlA2FW8g/giphy.gif" />

<img src="https://img.shields.io/badge/theultimatemarkdowncheatsheet-brightgreen.svg" />

[![BinaryTree](https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png)](https://binarytree.dev/)

<a href='https://binarytree.dev/' target='_blank'> <img src='https://github.com/lifeparticle/lifeparticle/blob/master/gh_social_light.png' /> </a>

Lists¶

Ordered¶

Mac: command+shift+7

Windows: control+shift+7

1. One
2. Two
3. Three

One
Two
Three

1. First level
    1. Second level
        - Third level
            - Fourth level
2. First level
    1. Second level
3. First level
    1. Second level

First level
1. Second level
  - Third level
    - Fourth level
First level
1. Second level
First level
1. Second level

Unordered¶

Mac: command+shift+8

Windows: control+shift+8

* 1
* 2
* 3

+ 1
+ 2
+ 3


- 1
- 2
- 3

1
2
3
1
2
3

1
2
3

- First level
  - Second level
    - Third level
      - Fourth level
- First level
  - Second level
- First level
  - Second level

First level
Second level
- Third level
- Fourth level
First level
Second level
First level
Second level

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ul>

First item
Second item
Third item
Fourth item

Task¶

- [x] Fix Bug 223
- [ ] Add Feature 33
- [ ] Add unit tests

[x] Fix Bug 223
[ ] Add Feature 33
[ ] Add unit tests

Buttons¶

<kbd>cmd + shift + p</kbd>

cmd + shift + p

<kbd> <br> cmd + shift + p <br> </kbd>

cmd + shift + p

<kbd>[Markdown-Cheatsheet](https://github.com/lifeparticle/Markdown-Cheatsheet)</kbd>

Markdown-Cheatsheet

[<kbd>Markdown-Cheatsheet</kbd>](https://github.com/lifeparticle/Markdown-Cheatsheet)

Markdown-Cheatsheet

Button with emoji¶

Markdown-Cheatsheet ↗️

<kbd> <br> [Markdown-Cheatsheet](https://github.com/lifeparticle/Markdown-Cheatsheet) <br> </kbd>

Diagrams (19 July 2022)¶

```mermaid
pie
"Movies" : 80
"TV shows" : 20
```

pie
"Movies" : 80
"TV shows" : 20

Mathematical expressions (19 July 2022)¶

[!IMPORTANT] Check out the official documentation on GitHub to learn more about writing and formatting MathJax syntax.

This is an inline math expression $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

This is an inline math expression \(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)

$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$

\[ x = {-b \pm \sqrt{b^2-4ac} \over 2a} \]

This is footnote number one. ↩
Here is the second footnote. ↩