表格

表格写法

要添加表,请使用三个或多个连字符(---)创建每列的标题,并使用管道(|)分隔每列。您可以选择在表的任一端添加管道。

1
2
3
4
| Syntax      | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |
SyntaxDescription
HeaderTitle
ParagraphText
1
2
3
4
| Syntax | Description |
| --- | ----------- |
| Header | Title |
| Paragraph | Text |
SyntaxDescription
HeaderTitle
ParagraphText

对齐

标题行中的连字符的左侧,右侧或两侧添加冒号(:),将列中的文本对齐到左侧,右侧或中心。

1
2
3
4
| Syntax      | Description | Test Text     |
| :--- | :----: | ---: |
| Header | Title | Here's this |
| Paragraph | Text | And more |
SyntaxDescriptionTest Text
HeaderTitleHere’s this
ParagraphTextAnd more

分栏显示

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test1 %}
<!-- tab 栏目1-->
**This is Tab 1.**
<!-- endtab -->

<!-- tab 栏目2-->
**This is Tab 2.**
<!-- endtab -->

<!-- tab 栏目3-->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

这里是1

这里是2

这里是2

大量内容隐藏

1
2
3
4
<details>  
<summary>点击打开</summary>
隐藏的内容
</details>
显示的文字隐藏的内容

高亮文本

1
2
<mark>这里是高亮文本</mark>
<mark style="background-color: #FFB6C1;">这是背景色为浅红色的高亮文本</mark>

这里是高亮文本
这是背景色为浅红色的高亮文本
这是背景色为淡橘色的高亮文本
这是背景色为淡蓝色的高亮文本

下滑线

1
<u>这是下划线文本</u>

这是下划线文本

代码框

1
<code>printf("Hello World");</code>

printf("Hello World");

1
2
3
4
5
6
7
<pre>
<code>
// 代码示例
var foo = 'Hello World';
console.log(foo);
</code>
</pre>

  // 代码示例  
  var foo = 'Hello World';
  console.log(foo); 

上下标

1
2
E = MC<sup>2</sup>
H<sub>2</sub>O

E = MC2
H2O

居中

1
<center>这是一段文字</center>
这是一段文字

列表

1
<li>列表项</li>
  • 列表项
  • 图片设置

    1
    2
    3
    4
    5
    //图片居中
    <p align="center"> <img src="图片地址" alt="图片alt"> </p>

    //图片大小
    <img src="image.jpg" width="200" height="300">

    字体大小

    1
    2
    3
    <font size="3">这是小号字体</font>

    <font size="5">这是大号字体</font>

    这是小号字体

    这是大号字体

    相册

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    {% gallery %}
    ![](https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg)
    ![](https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg)
    ![](https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg)
    ![](https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg)
    ![](https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg)
    ![](https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg)
    ![](https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg)
    ![](https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg)
    {% endgallery %}

    mermaid

    1
    2
    3
    4
    5
    6
    7
    8
    {% mermaid %}
    pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" : 5
    {% endmermaid %}

    提示框

    方法1

    sample

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    {% note simple %}
    默認 提示塊標籤
    {% endnote %}

    {% note default simple %}
    default 提示塊標籤
    {% endnote %}

    {% note primary simple %}
    primary 提示塊標籤
    {% endnote %}

    {% note success simple %}
    success 提示塊標籤
    {% endnote %}

    {% note info simple %}
    info 提示塊標籤
    {% endnote %}

    {% note warning simple %}
    warning 提示塊標籤
    {% endnote %}

    {% note danger simple %}
    danger 提示塊標籤
    {% endnote %}

    默認 提示塊標籤

    default 提示塊標籤

    primary 提示塊標籤

    success 提示塊標籤

    info 提示塊標籤

    warning 提示塊標籤

    danger 提示塊標籤

    方法2

    sample

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    {% note 'fab fa-cc-visa' simple %}
    你是刷 Visa 還是 UnionPay
    {% endnote %}
    {% note blue 'fas fa-bullhorn' simple %}
    2021年快到了....
    {% endnote %}
    {% note pink 'fas fa-car-crash' simple %}
    小心開車 安全至上
    {% endnote %}
    {% note red 'fas fa-fan' simple%}
    這是三片呢?還是四片?
    {% endnote %}
    {% note orange 'fas fa-battery-half' simple %}
    你是刷 Visa 還是 UnionPay
    {% endnote %}
    {% note purple 'far fa-hand-scissors' simple %}
    剪刀石頭布
    {% endnote %}
    {% note green 'fab fa-internet-explorer' simple %}
    前端最討厭的瀏覽器
    {% endnote %}

    你是刷 Visa 還是 UnionPay

    2021年快到了….

    小心開車 安全至上

    這是三片呢?還是四片?

    你是刷 Visa 還是 UnionPay

    剪刀石頭布

    前端最討厭的瀏覽器

    emoji表情

    👋🤚🖐✋🖖
    👌🤏✌🤞🤙
    👈👉👆🖕👇☝
    👍👎✊👊🤛🤜

    🍇🍈🍉🍊🍋🥝
    🍗🍟

    🎉🎄🎁🎈🎃
    🥇🏆

    答案模板

    1
    2
    3
    4
    5
    6
    7
    <details>  
    <summary>更多👇</summary>
    {% note info simple %}
    info 提示塊標籤
    {% endnote %}

    </details>
    1. 确定课题和背景认识阶段:包括了解课题背景、明确研究目的和意义等。
    2. 文献查阅和资料整理阶段:包括查找相关文献、收集数据和整理资料等工作。
    3. 开题报告阶段:完成开题报告的撰写和提交。
    4. 设计说明书总论阶段:撰写设计说明书的总论部分,包括工厂概述、目标和要求等内容。
    5. 设计说明书工艺部分阶段:详细描述工厂的工艺流程和相关设备的选择与配置。
    6. 设计说明书非工艺部分阶段:包括工厂建筑布局、设备布置、供应链管理等方面的内容。
    7. 图纸绘制和设计说明书修改阶段:完成设计图纸的绘制和设计说明书的修改。
    8. 答辩整理阶段:整理答辩所需的相关资料和准备答辩内容。

    QQ图片20231028223359.jpg

    Snipaste_2024-02-14_22-45-38.png

    image.png