编辑
2020-01-01
使用说明
0

目录

分割线
流程图
饼状图
图片居中并缩小至指定宽度
图片居中并在一个2X2的表格中
文件位置
调节字体大小
文件存放位置说明
流程图链接方式及修改背景颜色
创建表格
首行缩进2字符

以下为文章正文


分割线

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

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

流程图

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

饼状图

pie title Pie Chart "Dogs" : 386 "cats" : 567 "rabbit" : 700 "pig":365 "tiger" : 15
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 //```

研发阶段标记

阶段
标记
M
方案阶段
C
初样
S
试样
Z
正样
D
设计定型
G
工艺定型
P
批生产
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;

创建表格

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

本文作者:Kellermen

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!