分割线

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

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

---

流程图

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

文件位置

装配图

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
//```

研发阶段标记

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;

创建表格

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字符

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

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

动图

MarkDown
<center>
    
<img src="/static/img/c9bb3215ae6d512ecac1725af53ff91e.67c1e6700f4390239a5567737091123d.gif"   width="300">

</center>

视频

MarkDown
<center>
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=114600599166626&bvid=BV1hd7AzWENT&cid=25804673762&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" autoplay=false></iframe>


</center>