Notes for using this theme(Chirpy)

Good Front Matter (updating):

---
math: true  # enable math mode
mermaid: true # enable mermaid for charts
title: Notes for using this theme(Chirpy)
date: YYYY-MM-DD HH:MM:SS +0800 #UTC+8
categories: [Note]
tags: [chirpy,note,en]     # TAG names should always be lowercase
---

Insert an Image:

![img-description](/assets/img/sample/my_img.png){: w="700" h="400" .left}

Here, left can also be right and normal.

Filepath Highlight

`/path/to/a/file.extend`{: .filepath}

URL Link

[text](http://your/link/)

Prompt

{: .prompt-info}

where info can be replaced by tip, warning and danger.

this is a tip

this is a info

this is a warning

this is a danger

Insert Videos

{% include embed/{Platform}.html id='{ID}' %}

{% include embed/bilibili.html id='BV1GJ411x7h7' %}

if you don’t want the above parts to be rendered, using render_with_liquid: false in the Front Matter

Useful Link

a possible useful link is https://blandalpha.github.io/posts/Hello_World/

ToDo list

• Job
  • Step 1
  • Step 2
  • Step 3

Math mode

$$
\begin{equation}
  a^2+b^2=c^2
  \label{eq:1}
\end{equation}
$$

\(\begin{equation} a^2+b^2=c^2 \label{eq:1} \end{equation}\) We can reference the equation as \eqref{eq:1} using \eqref{eq:1}.

Some Advanced Markdown Tricks

you can draw many kinds of diagrams with ‘mermaid’ plugin that is already in chirpy theme:

you need to turn on the mermaid mode mermaid: true first to enable the mode.

for example:

```mermaid
flowchart LR
    A[Hard] -->|Text| B(Round)
    B --> C{Decision}
    C -->|One| D[Result 1]
    C -->|Two| E[Result 2]
```

flowchart LR
    A[Hard] -->|Text| B(Round)
    B --> C{Decision}
    C -->|One| D[Result 1]
    C -->|Two| E[Result 2]

and also almost any kinds of charts you want. See tutorial of Mermaid for further information.