Markdown Cheatsheet / Markdown 速查表
2022-12-21 17:27:23  Hexo  >> Markdown #Hexo #Markdown #Cheatsheet

greeting bear

Heading 标题

Use # to create heading.
使用 # 开头创建标题

### means H3

#### means H4

Heading ID 设置标题ID

1
2
3
4
5
Append `{#ID}` with header to add ID for header. You can use this for page jumping.
在标题后添加 `{#ID}` 以为该标题设置ID。你可以用这来实现页面内跳转。

#### Heading123 {#123}

Blockquote 引用

Use > to create blockquote. 使用 > 开头创建引用内容

This is block quote,

it has levels.

use different number of ‘>‘

Horizontal Rules 分割线

Use *** or --- to create horizontal rules for contents.
使用 *** 或 --- 开头创建分割线

Italic 斜体

Use *ABC* or _ABC_ for italicized text.
使用 *内容* 进行包裹 或使用 _ 内容 _ 进行包裹

*italicized text* _italicized text_

Bold 加粗

Use **ABC** to bold. 使用 **加粗** 进行包裹

ABC ABC

Underline 下划线

Use <u>ABC</u> to bold. 使用 **加粗** 进行包裹

ABC

Strikethrough 删除线

Use ~~ABC~~ to create strike-through text.
使用 ~~删除线~~ 进行包裹.

ABC

Highlight 高亮

Use == to surround to highlight the content.
使用 == 包含以高亮显示内容。

==HIGH,HIGH,HIGH==

Subscript 下标

Use ~ to surround to subscript.
使用 ~ 来下标内容。

H~2~O
H2O

superscript 上标

Use ^ to surround to superscript.
使用 ^ 来上标内容。

X^100^
X^100^

List 列表

Unordered List 无序列表

Use * , - , + + space to create Unordered List. Use tab to level down
使用 * 、- 、+ 创建无序列表 + 空格, 使用
tab 增加层级。

  • 1
  • 2
  • 3
    • 4
      • 5
        • 6

Ordered List 有序列表

Use 1. + space to create ordered list.
使用 1. 开头 + 空格

    1. Here is 1., but shown as 4..

Task List 任务列表

Valid only with un/ordered list, which starts with *.
Then, use [ ] or [X] + space, [ ] unchecked , [X] checked
搭配无序列表开头* ，然后使用 [ ] 或 [X] + 空格

  • Done
  • Processing

Definition List 定义列表

Use definition list to present the definition for a term.

使用定义列表可以为某个事物赋予定义。

term
: definition
term
definition

Website 网站

Use [link text](link) to create a website link.
使用 [link text](link) 创建网站链接。

ABC
https://gritjz.github.io/

Image 图片

Basic Formart 基本格式

Alt text is The Alt tag of the image, which is used to describe the keywords of the image. Image link: It can be the local address or URL of the image. “hover text” will appear when the mouse hovers over the image. Alt text and hover text are optional.
Alt text：图片的Alt标签，用来描述图片的关键词。Image link：可以是图片的本地地址或者是网址。”hover text”：鼠标悬置于图片上会出现的标题文字。
![alt text](Image link.jpg "hover text")

Local Image 本地图片

You only need to fill in the directory path of the image in basic format, and both of absolute paths and relative paths are supported.
图片链接改为本地地址。绝对路径和相对路径都可以。
![avatar](/USERS/image.jpg "avatar")

Internet Image 网络图片

Use the Internet link as image link. Not stable if the image link is removed.
用图片的网络地址，有可能链接被移除，所以不稳定。

![avatar](https://upload.wikimedia.org/wikipedia/en/d/d6/Avatar_%282009_film%29_poster.jpg "avatar")

Convert Image to Markdown Document 转换图片为markdown文件（base64）

Use the base64 transcoding tool to convert the image into a base64 string, and then fill the string into the link in the basic format.
将图片转换成base64形式的字符串，然后把字符串写入链接中。

![ABC](base64 string)

Code block 代码块

Use ` ` to create code block. or use HTML <code>ABC</code>.
使用 ` ` 创建短句代码块，或使用HTML <code>ABC</code>

`code`
`<code>ABC</code>`

Use ```javascript to create code block with language mark and use another ``` at the end of code to fence the code.

使用 ```javascript 创建带语言标识的代码块, 并在代码后加上另一个``` 来包含整段代码。

1
2
3
function main() {
    console.log('Hello Steven!');
}

Table 表格

Use | + space to create table by surrounding the contents with |, like | Table 1 | Table 2 |. After the first line, you need - to be added as | - | - | to identify the first line is table head. Table head will be bolded.
使用 | + space 来创建表格。将表格内容用|包含，即| Table 1 | Table 2 |。在定义了一行后，还需要在下一行添加一行 - 表示第一行是表头，即| - | - | ，这样表格就创建好了，之后只需要用 | 添加表格内容就好了。

| Table 1 | Table 2 |

Table 1 Table 2 with -
Table 1 Table 2
ABC DEF
GHI JK L

Math Expression 数学公式

Math formula is supported by TeX

数学公式通过 TeX 表达式 支持。

Use $ to surround formula to present single line formula as $E = mc^2$.

使用 $ 包含公式来表示单行公式： $E = mc^2$

$E = mc^2$

Math code block is supported by surrounding with $$ .
使用 $$ 的数学公式块也是支持的。

$$
\begin{aligned}
T( (v\_1 + v\_2) \otimes w) &= T(v\_1 \otimes w) + T(v\_2 \otimes w) \\
T( v \otimes (w\_1 + w\_2)) &= T(v \otimes w\_1) + T(v \otimes w\_2) \\
T( (\alpha v) \otimes w ) &= T( \alpha ( v \otimes w) ) \\
T( v \otimes (\alpha w) ) &= T( \alpha ( v \otimes w) ) \\
\end{aligned}
$$

$$
\begin{aligned}
T( (v_1 + v_2) \otimes w) &= T(v_1 \otimes w) + T(v_2 \otimes w) \
T( v \otimes (w_1 + w_2)) &= T(v \otimes w_1) + T(v \otimes w_2) \
T( (\alpha v) \otimes w ) &= T( \alpha ( v \otimes w) ) \
T( v \otimes (\alpha w) ) &= T( \alpha ( v \otimes w) ) \
\end{aligned}
$$

Emoji 👻

Use Emoji Cheat Sheet to find the emoji you need and add emoji as :sunglasses: 😎
使用 Emoji 快捷指令 找到想要emoji，然后添加。例如， :sunglasses: 😎

Diagram 图表

Diagram is supported by Mermaid. You can use <pre class="mermaid"> graph TD... </pre> to create and Diagram1-->Diagram 2 to present flow diagram. More Details

图表由 Mermaid 驱动。你可以输入 <pre class="mermaid"> graph TD... </pre> 来添加图表， 并用 ```Diagram1-->Diagram 2``` 来表示关系。更多细节

1
2
3
4
5
6
7
8
<pre class="mermaid">
graph TD
    A[Work] -->|Earn money| B(Go shopping)
    B --> C{Considering}
    C -->|One| D[LV]
    C -->|Two| E[iPhone]
    C -->|Three| F[Stock share]
</pre>
graph TD
    A[Work] -->|Earn money| B(Go shopping)
    B --> C{Considering}
    C -->|One| D[LV]
    C -->|Two| E[iPhone]
    C -->|Three| F[Stock share]

See Install Mermaid Diagram in Hexo

Comment 注释

Use [comment]: to comment out for markdown.
使用 [comment]: 为markdown添加注释
[comment]:　YOUCANTSEEME

Collapse/Fold 折叠

To collapse the code, use HTML <details>.
要折叠markdown,可以使用HTML的<details>

<details open> Folded contents </details>
<details close> Folded contents </details>
<details close><summary>ABC</summary> Folded contents</details>

open and close to set collapse on and off by default. You can also use <summary> to change the title of <details>.

open 和 close 是设置折叠是否默认开启。可以搭配 <summary> 来更改 <details>的标题

Good Day
😎

2022-12-21 17:27:23  Hexo  >> Markdown #Hexo #Markdown #Cheatsheet
Next