Markdown Cheat Sheet

Updated: 2023-09-01
5 min read
[markdown css html themes]

This article offers an example of the basic Markdown syntax that can be used and also shows whether the basic elements of HTML are decorated with CSS.

Headers

Header 1
========
Header 2
--------

Header 1

Header 2

# h1
## h2
### h3
#### h4
##### h5
###### h6

h1

h2

h3

h4

h5
h6

Paragraph

To insert an empty string, you need to put the word wrap symbol twice (press Enter)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur eius in labore quidem, sequi suscipit! 

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aut commodi debitis ipsam nobis perspiciatis sequi, sint unde vitae.

Images

![Image alt text](/path/to/img.jpg)
![Image alt text](/path/to/img.jpg "title")
![Image alt text][img]

[img]: http://foo.com/img.jpg

Emphasis

*italic*
_italic_

**bold**
__bold__
***bold italic***
___bold italic___

~~strikethrough~~

`code`

italic italic

bold bold bold italic bold italic

strikethrough

code

[link](http://google.com)

[link][google]
[google]: http://google.com

<http://google.com>

Blockquotes

The blockquote element represents the content that is quoted from another source, optionally with a quotation that must be in the element footer or cite, and optional line changes such as annotations and abbreviations.

Block quote without attribution

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Notethat you can use the syntax Markdown inside the block quote.

Block quote with authorship

Don’t communicate by sharing memory, share memory by communicating.
Rob Pike1

>This is an example quote,
>in which before each line
>angle bracket is used.

>This is an example quote,
in which the corner bracket is placed only before the beginning of the new paragraph.
>Second paragraph.

This is an example quote, in which before each line angle bracket is used.

This is an example quote, in which the corner bracket is placed only before the beginning of the new paragraph. Second paragraph.

> Level One Citation
>> Second Level Citation
>>> Third Level Citation
>
>Level One Citation

Level One Citation

Second Level Citation

Third Level Citation

Level One Citation

Tables

   | Name  | Age |
   | ----- | --- |
   | Bob   | 27  |
   | Alice | 23  |
NameAge
Bob27
Alice23

The cells in the delimitation row use only symbols - and :. The symbol : is placed at the beginning, at the end, or on both sides of the cell contents of the dividing row to indicate the alignment of the text in the corresponding column on the left, right side, or center.

| Column on the left | Column on the right | Column on the center |
| :----------------- | ------------------: | :------------------: |
| Text               |                Text |         Text         |
Column on the leftColumn on the rightColumn on the center
TextTextText

Markdown inside the table

| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| *italics* | **bold** | `code` |
ItalicsBoldCode
italicsboldcode

Code Blocks

Code block with inverted quotes

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Code block with four spaces indent

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Code Unit with Hugo Internal Shorted Backlight

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Lists

* Item 1
* Item 2

- Item 1
- Item 2

- [ ] Checkbox off
- [x] Checkbox on

1. Item 1
2. Item 2
  • Item 1

  • Item 2

  • Item 1

  • Item 2

  • Checkbox off

  • Checkbox on

  1. Item 1
  2. Item 2

Make the headers uniform. At the end of the title, do not put a point.

CorrectWrong
Getting the
Creating a Cluster
Get the
Creating a Cluster
Get
Create Cluster
  1. If you want to describe the sequence of actions, use the numbered list. At the end of the lines, put a period.

  2. If the order of items is not important, use the marked list. Make it one of the ways:

    • If the entries in the list are separate sentences, start them with a capital letter and put a period at the end.
    • If the introductory phrase and the list make up one sentence, the entries in the list should start with a lowercase letter and end with a semicolon. The last list item ends with a dot.
    • If the list consists of parameter names or values (without explanation), do not put characters at the end of lines.

Ordered list

  1. First item
  2. Second item
  3. Third item

To create an ordered numbered list, use the digits with the symbol . or ). The recommended markup format is 1 and ..

1. First item
1. Second item
1. Third item
  1. First item
  2. Second item
  3. Third item

To create a nested ordered list, add a indent to the entries in the child list. The allowed indentation is from two to five spaces. The recommended indent size is four spaces.

For example, markup:

1. First paragraph
    1. Sub-paragraph
    1. Sub-paragraph
1. Second paragraph
  1. First paragraph
    1. Sub-paragraph
    2. Sub-paragraph
  2. Second paragraph

Unordered list

  • List item
  • Another item
  • And another item

Nested list

  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

Other elements - abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

Most <mark>salamanders</mark> are nocturnal

💡 Data structure is a container that stores data in a specific format. This container decides how the outside world can read or change this data.

Math LaTeX syntax

Math ElementCodePronunciation
$x_{12345}$$x_{12345}$
$\quad x_12$$\quad x_12$
$a_{ij}b_{kl}=\delta_{i}^{l}$$a_{ij}b_{kl}=\delta_{i}^{l}$
$\alpha$$\alpha$\alpha
$\beta$$\beta$\beta
$\gamma$$\gamma$\gamma
$\delta$$\delta$\delta
$\epsilon$$\epsilon$\epsilon
$\pi$$\pi$\pi
$\theta$$\theta$\theta
$\lambda$$\lambda$\lambda
$\mu$$\mu$\mu
$\sigma$$\sigma$\sigma
$\omega$$\omega$\omega
$\Gamma$$\Gamma$\Gamma
$\Delta$$\Delta$\Delta
$\Sigma$$\Sigma$\Sigma
$\Theta$$\Theta$\Theta
$\Omega$$\Omega$\Omega
$\infty$$\infty$\infty
$\sum$$\sum$\sum
$\prod$$\prod$\prod
$\int$$\int$\int
$\oint$$\oint$\oint
$\partial$$\partial$\partial
$\nabla$$\nabla$\nabla
$\pm$$\pm$\pm
$\times$$\times$\times
$\div$$\div$\div
$\approx$$\approx$\approx
$\geq$$\geq$\geq
$\leq$$\leq$\leq
$\neq$$\neq$\neq

Resources


  1. The above quote is taken from Rob Pike’s book talk during Gopherfest, November 18, 2015. ↩︎