---
title: "Markdown Testing"
date: 2021-01-07T13:37:57-05:00
author: Your Name
slug: second-post
draft: false
toc: true
categories:
  - test
tags:
  - article
  - English
---

{{<block class="reminder">}}

See the [source code of this page](https://raw.githubusercontent.com/hongtaoh/hugo-ht-exampleSite/master/content/en/posts/2021-01-07-test.md) if you are interested. 

{{<end>}}

# H1
## H2
### H3
#### H4
##### H5
###### H6

## List 

- Water
- Water
- Water
  1. Water
  2. Water
  3. Water
- Water
  - Water
  - Water
  - Water
    1. Water
    2. Water

## Table

| Water | *Water* | Water |
|---------|---------|---------|
| Water | Water | Water |
| **Water** | Water[^1] | Water |
| Water | Water | Water |

## Quotes

> What I cannot create, I do not understand[^2]. — Richard Feynman

## Math

For example, 

`$1 + 1 = 3$`

You can add Tags & References:

`$$p(x) = \frac{1}{\sigma \sqrt{2 \pi}} exp \left(-\frac{1}{2}\left[\frac{x-\mu}{\sigma}\right]^2\right)\tag{1.1}\label{eq1.1}$$`

Aligning equations[^3] are also possible, 

`\begin{align}
\sqrt{37} & = \sqrt{\frac{73^2-1}{12^2}} \\
 & = \sqrt{\frac{73^2}{12^2}\cdot\frac{73^2-1}{73^2}} \\ 
 & = \sqrt{\frac{73^2}{12^2}}\sqrt{\frac{73^2-1}{73^2}} \\
 & = \frac{73}{12}\sqrt{1 - \frac{1}{73^2}} \\ 
 & \approx \frac{73}{12}\left(1 - \frac{1}{2\cdot73^2}\right)
\end{align}`

## Codes

You can type codes, like `this`. Or:

```javascript
// This is Javascript:
water = [1, 2, 3, 4, 5]
let a = 0;
for (let i = 0; i < 5; i++){
	if (water[i] > 3) {
		a += 1
	}
}
// How much is `a` now?
```

## Images

{{<figure src="https://www.rd.com/wp-content/uploads/2016/09/fall-photos-Iowa_Stewart.jpg" title="Title: Beautiful autum" caption="Caption: Isn't it beautiful?">}}

### Full-width image
{{<figure src="https://hongtaoh.com/media/cnblog/sgs/sgs-hostel.jpg" caption="On the balcony of a hostel in Interlaken, Switzerland, by Hongtao Hao in May 2017 " class="fullwidth">}}

## Videos

### Vimeo

{{< vimeo 146022717 >}}

### YouTube

{{< youtube id="w7Ft2ymGmfc" autoplay="true" >}}

## Custom blocks
{{<block class="note" >}}
This is a note.
{{< end >}}

{{<block class="important" >}}
This is important!
{{< end >}}

{{<block class="tip" >}}
This is a tip. How much are you going to tip me?
{{< end >}}

{{<block class="caution" >}}
Caution: Great food ahead! Stop if you are on a diet.
{{< end >}}

{{<block class="warning" >}}
Warning: Road blocked ahead!
{{< end >}}

{{<block class="reminder" >}}
You can use this whatever way you like. I usually use it to remind myself of something in a post. 
{{< end >}}

## Columns
{{< columns >}}

{{<figure-a src="https://animalcorner.org/wp-content/uploads/2020/07/Japanese-Dog-Breeds-Akita.jpg" link="/" >}}

{{< column >}}

Write your descriptions here. 

{{< endcolumn >}}

[^1]: Water
[^2]: Water
[^3]: The source of the following aligned equations is from [here](https://math.meta.stackexchange.com/a/5024) by [MJD](https://math.meta.stackexchange.com/users/25554/mjd)