<center>
    
以下为文章正文
</center>


---





# 分割线

为了解决手机在查看带有目录的文章时，分不清目录与正文。增加分割线与文字说明。分割线是三个减号。使用center标记实现文字居中。

```MarkDown

<div  style="page-break-after: always;"></div><center>
以下为文章正文
</center>

---
```
# 流程图
<div class="mermaid">
        graph LR
        软件设计方案[软件设计方案] -- 链接 --> B((圆形))
        B --> C(圆角矩形)
        C --> D{rhombus}
        D --> E>三角形]
click 软件设计方案 "https://blog.kellermen.top"
style 软件设计方案 fill:#00F000;
</div>

```MarkDown
<div class="mermaid">
        graph LR
        软件设计方案[软件设计方案] -- 链接 --> B((圆形))
        B --> C(圆角矩形)
        C --> D{rhombus}
        D --> E>三角形]
click 软件设计方案 "https://blog.kellermen.top"
style 软件设计方案 fill:#00F000;
</div>
```

# 饼状图
<div class="mermaid">
   pie
 title Pie Chart
 "Dogs" : 386
 "cats" : 567
 "rabbit" : 700
 "pig":365
 "tiger" : 15
</div>

```MarkDown
pie
 title Pie Chart
 "Dogs" : 386
 "cats" : 567
 "rabbit" : 700
 "pig":365
 "tiger" : 15
```




# 图片居中并缩小至指定宽度


```MarkDown
<center>
    
<img src="/static/img/330473a22b5ec61a00aabb6ea44bbe64.image.webp"   width="300">

</center>
```

# 图片居中并在一个2X2的表格中


```MarkDown
<div style="width: 100%; text-align: center;">
    <table style="margin: 0 auto; width: 100%; border: 1px solid black;">
        <tr>
        <td > <img src="/static/img/574e13669b3be79955ebcd8c9ea5d85a.image.webp"   width="400"></td>
        <td ><img src="/static/img/522a11f93cbe53e8910fa6c5e242cdc8.image.webp"   width="400"></td>	
         </tr><tr>
        <td ><img src="/static/img/25ec262483aea67db827c3fabfc240fb.image.webp"   width="400"></td>
        <td ><img src="/static/img/afce902d9942375209f164bc957fb40d.image.webp"   width="400"></td>
    </tr>
    </table>
</div>

```
# 文件位置

[装配图](/static/fileres/Kellermen_050/Kellermen_050装配体.PDF)
```MarkDown
[装配图](/static/fileres/Kellermen_050/Kellermen_050装配体.PDF)
```

# 调节字体大小


```MarkDown
<p  style="font-size: 40px; text-align:center;">需要调节的文本</p>
```

# 文件存放位置说明

```MarkDown
## 本地文件名
//```
GJB∕Z 170.5-2013 第5部分：设计定型基地试验大纲.pdf
//```
```
# 研发阶段标记
<table style="text-align:center;">
    <tr>
        <td >阶段<br>标记</td>
        <td >M<br>方案阶段</td>	
        <td >C<br>初样</td>
        <td >S<br>试样</td>
        <td >Z<br>正样</td>
        <td >D<br>设计定型</td>
        <td >G<br>工艺定型</td>
        <td >P<br>批生产</td>
    </tr></table>
    
```MarkDown
<table style="text-align:center;">
    <tr>
        <td >阶段<br>标记</td>
        <td >M<br>方案阶段</td>	
        <td >C<br>初样</td>
        <td >S<br>试样</td>
        <td >Z<br>正样</td>
        <td >D<br>设计定型</td>
        <td >G<br>工艺定型</td>
        <td >P<br>批生产</td>
    </tr></table>
```
# 流程图链接方式及修改背景颜色

```MarkDown
click 软件设计方案 "https://blog.kellermen.top/post/102"
style 软件设计方案 fill:#00F000;
```

# 创建表格

<table height=250px>
    <tr>
        <td colspan="5"> 标题</td>
    </tr>
  <td >01</td><td >02</td><td >03</td><td >04</td><td >05</td>
    </tr>
    <tr>
        <td rowspan="2">$DWSQ</td>
        <td colspan="2">长度</td><td colspan="2">卡号2094989</td>
    </tr>
    <tr>
        <td >24</td><td >44</td><td >57</td><td >53</td>
    </tr> 
</table>

```MarkDown
<table height=250px>
    <tr>
        <td colspan="5"> 标题</td>
    </tr>
  <td >01</td><td >02</td><td >03</td><td >04</td><td >05</td>
    </tr>
    <tr>
        <td rowspan="2">$DWSQ</td>
        <td colspan="2">长度</td><td colspan="2">卡号2094989</td>
    </tr>
    <tr>
        <td >24</td><td >44</td><td >57</td><td >53</td>
    </tr> 
</table>
```
# 首行缩进2字符

&#8195;&#8195;本条应概述本文档适用的系统和软件的用途;描述系统和软件的一般特性(如规模、安全性可靠性、实时性、技术风险等特性):概述系统开发、运行和维护的历史;标识项目的需方、用户开发方和保障机构等;标识当前和计划的运行现场;列出其他有关文档。

```MarkDown
&#8195;&#8195;本条应概述本文档适用的系统和软件的用途;描述系统和软件的一般特性(如规模、安全性可靠性、实时性、技术风险等特性):概述系统开发、运行和维护的历史;标识项目的需方、用户开发方和保障机构等;标识当前和计划的运行现场;列出其他有关文档。
```

常用编辑代码

这个博客网站记录一些使用方法和调试测试记录