The first post
Welcome to my site
Edited on May 2, 15h35.
Xin chào, my name is Quan.
This is the link to my site.
This is my avatar. 
A way to alter resize an image using HTML (without justification).
<img src="/assets/images/avatar.jpg" width="150" height="100" />
<div>
<img src="/assets/images/avatar.jpg"
style="width:70%;
max-width:700px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top:20px;
padding-bottom:20px;">
</div>
A list of different notice types
A sentence with a notice is displayed by adding {: .notice--<type>} at a new line after the intended line.
A list of tasks
- This is a complete item
- This is an incomplete item
Formatting
- Bold
- Italic
Strikethrough
Inline-style:
Reference-style:
Link to an amazing song with a not-so-related image
The recommended way to include a YouTube video
Table
| Side | Area |
|---|---|
| 2 | 4 |
| 9 | 81 |
Some advanced formats in Markdown
Here are 1 some footnotes. Of course we can keep writing as normal and add another footnote 2. Keep in mind that the footnotes are listed at the end of the post.
Shall we continue?
In the section about Advanced formats, the footnote technique has been introduced.
The link can be created as follows
In markdown,
## Heading {#custom-id}
In the [section](#custom-id), ...
In another post, at the [section](https://site.com/category/foo#custom-id)
In HTML,
<h3 id="custom-id">Heading</h3>
<a href="#custom-id">the section</a>
Quotes
To code or not to code, that is the question.
— Anonymous —
Code snippets
# white background by three quotes and "txt" header
# Lorem ipsum dolor sit amet, consectetur adipisicing 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.
# black background by three quotes
# Lorem ipsum dolor sit amet, consectetur adipisicing 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.
LaTeX snippets (mostly math equations)
Example of inline equation with $ symbol, $\frac{1}{2} + \frac{1}{3} = \frac{5}{6}$.
Absolute value.
- Correct. method 1.
\lvert: $\lvert x \rvert$ - Others. method 2. norm
\lVert: $\lVert x \rVert$ -
Wrong (in some articles) | . |: $x $
Example of an equation in a new line with $$ symbol
space at the beginning
\[a^2 + b^2 = c^2\]and this one with \begin{equation} environment
\begin{equation} \sum_{1}^{n} i = \dfrac{n(n+1)}{2} \end{equation}
An equation with cases
\[f(x)= \begin{cases} \frac{x^2-x}{x}& \text{if } x\geq 1\\ 0 & \text{otherwise} \end{cases}\]Another one
\[f(x)= \left\{ \begin{array}{ c l } \frac{x^2 - x}{2} & \quad \textrm{if } x \geq 1 \\ 0 & \quad \textrm{otherwise} \end{array} \right.\]\(a^2 + b^2 = c^2\) –> hello
\begin{matrix}
1 & 2 & 3 \
a & b & c
\end{matrix}
Raw matrix environment
\begin{matrix}
1 & 2 & 3 \
a & b & c
\end{matrix}
Matrix environment inside equation environment
\begin{equation}
\begin{matrix}
1 & 2 & 3 \
a & b & c
\end{matrix}
\end{equation}
Matrix using array
We examine some environment in LaTeX below
align environment (not working)
\begin{align}
1 &+ 2 + 3 = 6
1 + 2 &+ 3 = 6
1 + 2 + 3 &= 6
\end{align}
itemize environment (not working)
\begin{itemize}
\item Foo
\item Bar
\item Ham
\item Egg
\end{itemize}
enumerate environment (not working)
\begin{enumerate}
\item Python
\item Java
\item R
\item SageMath
\end{enumerate}
Test diff blocks
Unchanged Line
- Removed Line
+ Added Line
Final section
To quickly turn a URL into a link, enclose it in angle brackets https://github.com.
Click-to-expand section
Click to expand
This is hidden Cannot render an image using markdown syntax here. What about an equation $a^2$? OK  Not working ```txt A code snippet ```(not working) Mouse over to reveal the content:
Manual line breaks
End a line with
two or more spaces
(this is uncomfortable while editing the file using vscode since the redundant spaces are automatically discarded)
Static link to a post
Link to email
- Email: Send to my email
- Email: quanhoang.pm@gmail.com
- Email: quanhoang.pm@gmail.com
.