跳转至

本站支持的 Markdown 标签

基本标签

常用标签

段落 之间，使用(<p>)、 空行分隔一行 或 多行文本 。
要 换行或创建新行 ，请用(<br>)、或使用 两个或更多空格 结束一行，然后键入 回车 。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
效果
标题效果

使用图片的相对路径
![Tux, the Linux mascot](pics/073_linux_penguin.png)
效果
Tux, the Linux mascot

记得在此标签前后需空格
**加粗文本** 或 __加粗文本__
*斜体文本* 或 _斜体文本_
***加粗+斜体*** 或 ___加粗+斜体___
效果
记得在此标签前后需空格
加粗文本   斜体文本   加粗+斜体   

***
---
效果

> 在引用的段落前添加 >
>> 在要嵌套引用的段落前添加 >>
效果

在引用的段落前添加 >

在要嵌套引用的段落前添加 >>

> - 列表项1
> - 列表项2
> - 列表项3
效果

  • 列表项1
  • 列表项2
  • 列表项3

每个列表前要空一行，如一级、二级列表前都要空一行
1. 一级列表项1
2. 一级列表项2

    1. 二级列表项1
    2. 二级列表项2
3. 一级列表项3
效果

  1. 一级列表项1

  2. 一级列表项2

    1. 二级列表项1
    2. 二级列表项2

  3. 一级列表项3

每个列表前要空一行，如一级、二级列表前都要空一行
- 一级列表项1
- 一级列表项2

    - 二级列表项1
    - 二级列表项2
- 一级列表项3
效果

  • 一级列表项1

  • 一级列表项2

    • 二级列表项1
    • 二级列表项2

  • 一级列表项3

1. 我最喜欢的学校是 [武汉理工大学](https://www.whut.edu.cn "奥利给!")。
2. <https://www.whut.edu.cn>
3. <hpcservice@whut.edu.cn>
4. 加格式如斜体 *[武汉理工大学](https://www.whut.edu.cn "奥利给!")*
5. 加格式如code [`转到代码框`](#代码框)
效果
1. 我最喜欢的学校是 武汉理工大学。
2. https://www.whut.edu.cn
3. hpcservice@whut.edu.cn
4. 加格式如斜体 武汉理工大学
5. 加格式如code 转到代码框

文本格式化

格式化

- ==这个是标记 (高亮)==
- ^^这个是插入 (下划线)^^
- ~~这个是被删除 (删除线)~~
- { --第二个被删除，需要去掉“--”前面的空格--}
- { ++第二个插入，需要去掉“++”前面的空格++}
- { ==第二个标记，需要去掉“==”前面的空格==}
- { >>注释符号，需要去掉“>>”前面的空格<<}.
效果

  • 这个是标记 (高亮)
  • 这个是插入 (下划线)
  • 这个是被删除 (删除线)
  • 第二个被删除，需要去掉“--”前面的空格
  • 第二个插入，需要去掉“++”前面的空格
  • 第二个标记，需要去掉“==”前面的空格
  • 注释符号，需要去掉“>>”前面的空格.

整行高亮

{ ==

在标签和内容之间加上空行，可以整行高亮。需要去掉“==”前面的空格。

==}
效果

在标签和内容之间加上空行，可以整行高亮。需要去掉“==”前面的空格。

上标和下标

- H~2~O
- A^T^A
效果

  • H2O
  • ATA

键盘按键

++ctrl+alt+del++
++ctrl++
效果

Ctrl+Alt+Del
Ctrl

代码框

普通代码框

用 单独的两行（```）把代码前后围起来，注意（```）单独占一行 

 ```
你的代码here
 ```
效果 
你的代码here

显示代码类型

常用的代码类型有：json / xml / yml / py / python / html / javascript / c / c++

显示代码类型
```py 
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]
 ```
效果 
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]

代码框标题

title="bubble_sort.py"

带标题的代码框
```py title="bubble_sort.py"
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]
 ```
效果
bubble_sort.py
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]

高亮显示某几行

高亮具体的行数：hl_lines="2 3"
高亮行数范围：hl_lines="2-5"

高亮某几行
```py hl_lines="3-5"
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]
 ```
效果

def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]

警告

使用方法

!!! note
    警告类型有：
    note / info / tip / warning / quote(引号) / abstract / success / 
    failure / question / danger / bug / example 
    警告内容须tab缩进对其，换行用<br>

警告类型

Note

这是 note

Info

这是 info

Tip

这是 tip

Warning

这是 warning

Quote

这是 quote

Abstract

这是 abstract

Success

这是 success

Failure

这是 failure

Question

这是 question

Danger

这是 danger

Bug

这是 bug

Example

这是 example

警告加标题

!!! note "这里是警告的标题"
    警告类型有：<br>
        note / info / tip / warning / quote(引号) / abstract / success / 
        failure / question / danger / bug / example  <br>
    警告内容须tab缩进对其，换行用<br>
效果

这里是警告的标题

警告类型有：
note / info / tip / warning / quote(引号) / abstract / success / failure / question / danger / bug / example
警告内容须tab缩进对其，换行用< br>

注释

普通文本加注释

这是注释的前面的句子(1)，点前面的 + 号试试看。
{.annotate}

1. 我是注释！

距离注释内容空一行后，才是继续后面的文本。<br>
注意“{.annotate }”和 “1. ”之间要空一行。
效果

这是注释的前面的句子(1)，点前面的 + 号试试看。

  1. 我是注释！

距离注释内容空一行后，才是继续后面的文本。
注意“{.annotate }”和 “1. ”之间要空一行。

警告中加注释

!!! note annotate "这里是警告标题 (1)"
    这里是警告正文 (2) ，点前面的 + 号试试看.

1. :man_raising_hand: 警告标题中可加注释！
2. :woman_raising_hand: 警告正文中也可加注释！
效果

这里是警告标题 (1)

这里是警告正文 (2) ，点前面的 + 号试试看。

  1. 🙋‍♂️ 警告标题中可加注释！
  2. 🙋‍♀️ 警告正文中也可加注释！

Tab页中加注释

=== "Tab 1"
    这里是Tab页1的注释 (1) ，注释序号用1
    {.annotate}

    1. Tab页1的注释！
=== "Tab 2"
   这里是Tab页2的注释 (1) ，注释序号用1
    {.annotate}

    1. Tab页2的注释！
效果

这里是Tab页1的注释 (1) ，注释序号用1

  1. Tab页1的注释！

这里是Tab页2的注释 (1) ，注释序号用1

  1. Tab页2的注释！

Tab页分组

分组代码框

=== "C"
    ``` c
    #include <stdio.h>

    int main(void) {
      printf("Hello world!\n");
      return 0;
    }
    ```
=== "C++"
    ``` c++
    #include <iostream>

    int main(void) {
      std::cout << "Hello world!" << std::endl;
      return 0;
    }
    ```
效果

#include <stdio.h>

int main(void) {
  printf("Hello world!\n");
  return 0;
}

#include <iostream>

int main(void) {
  std::cout << "Hello world!" << std::endl;
  return 0;
}

分组其他内容

=== "无序列表"
    * 无序表项1
    * 无序表项2
    * 无序表项3
=== "有序列表"
    1. 有序表项1
    2. 有序表项2
    3. 有序表项3
效果

  • 无序表项1
  • 无序表项2
  • 无序表项3
  1. 有序表项1
  2. 有序表项2
  3. 有序表项3

在警告中分组

!!! example
    === "无序列表"
        ``` markdown
        * 无序表项1
        * 无序表项2
        * 无序表项3
        ```
    === "有序列表"
        ``` markdown
        1. 有序表项1
        2. 有序表项2
        3. 有序表项3
        ```
效果

Example

* 无序表项1
* 无序表项2
* 无序表项3

1. 有序表项1
2. 有序表项2
3. 有序表项3

Grid网格

Card Grid

<div class="grid cards" markdown>

- :fontawesome-brands-html5: __HTML__ for content and structure
- :fontawesome-brands-js: __JavaScript__ for interactivity
- :fontawesome-brands-css3: __CSS__ for text running out of boxes
- :fontawesome-brands-internet-explorer: __Internet Explorer__ ... huh?

</div>
效果

  • HTML for content and structure
  • JavaScript for interactivity
  • CSS for text running out of boxes
  • Internet Explorer ... huh?

更复杂的Card Grid

<div class="grid cards" markdown>

-   :material-clock-fast:{ .lg .middle } __Set up in 5 minutes__

    ---

    Install [`mkdocs-material`](#) with [`pip`](#) and get up
    and running in minutes

    [:octicons-arrow-right-24: Getting started](#)

-   :fontawesome-brands-markdown:{ .lg .middle } __It's just Markdown__

    ---

    Focus on your content and generate a responsive and searchable static site

    [:octicons-arrow-right-24: Reference](#)

-   :material-format-font:{ .lg .middle } __Made to measure__

    ---

    Change the colors, fonts, language, icons, logo and more with a few lines

    [:octicons-arrow-right-24: Customization](#)

-   :material-scale-balance:{ .lg .middle } __Open Source, MIT__

    ---

    Material for MkDocs is licensed under MIT and available on [GitHub]

    [:octicons-arrow-right-24: License](#)

</div>

效果

  • Set up in 5 minutes

    Install mkdocs-material with pip and get up and running in minutes

    Getting started

  • It's just Markdown

    Focus on your content and generate a responsive and searchable static site

    Reference

  • Made to measure

    Change the colors, fonts, language, icons, logo and more with a few lines

    Customization

  • Open Source, MIT

    Material for MkDocs is licensed under MIT and available on [GitHub]

    License

本文阅读量  次    本站总访问量  次