markdown入门知识总结

源码在最后,以代码的格式给出。
Markdown 教程
本文源码:markdown入门知识总结—代码部分

标题练习_一级标题

二级标题

三级标题

四级标题


字体和标注练习

斜体

斜体文本


粗体文本

粗体文本


粗斜体文本

粗斜体文本


两端两个波浪线就是删除线

带下划线

创建脚注格式类似这样[^脚注]

列表练习

无序列表

  • 第一项(*,+,- 都可以,注意要有空格)
  • 第二项
  • 第三项
  • 第四项

退出列表的方法就是直接将文本左移,可以按 ctr + [ , 退出其它格式方法与此相同

有序列表

  1. 第一项
  2. 第二项
  3. 第三项

列表嵌套

  1. 第一项
    • 第一项嵌套
    • 第一项第二个嵌套
  2. 第二项
    • 第二项第一个嵌套
    • 第二项第二个嵌套

区块

  1. Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号:

区块引用

应用

  1. 另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层嵌套,以此类推:

最外层引用

第二层引用

第三层引用

  1. 区块中列表使用

区块中使用列表

  1. 第一项
  2. 第二项
  3. 第三项
    • 无序列表
    • 无线列表
  1. 列表中使用区块

    • 第一项

      区块

      区块

  • 第二项

代码

代码片段

如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`),例如:

printf()

代码区块

代码区块使用 4 个空格或者一个制表符(Tab 键)

你也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定):

实例如下:

#include <stdio.h>

int main(){

   printf("hello world!");

}

链接

这是一个链接 ystraw

直接放链接:https://me.csdn.net/qq_39451578

高级链接:

这个链接用 1 作为网址变量 百度

这个链接用 baidu 作为网址变量 百度

然后在文档结尾给变量赋值:

图片

![alt 属性文本,如果图片显示失败就会显示本文字](图片地址)
![alt 属性文本](图片地址 "可选标题,当鼠标放在图片上,会显示本文字")

实例:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Fe9SMnGM-1586768501338)(https://profile.csdnimg.cn/4/3/D/1_qq_39451578)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c6poPs7Y-1586768501341)(https://profile.csdnimg.cn/4/3/D/1_qq_39451578 ‘ystraw头像’)]

Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 标签

<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">

表格

​ Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

语法格式如下:

标头 表头
单元格 单元格

对齐方式

  • -:设置内容和标题居右对齐
  • :-设置内容和标题居左对齐
  • :-:设置内容和标题居中对齐
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

Markdown 高级用法

支持HTML元素

​ 不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有:等 ,如:

Ctrl

转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

文本加粗

**正常显示星号**

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\ 反斜线
` 反引号
* 星号
_ 下划线
{}花括号
[]方括号
()小括号
# 井字号
+ 加号
- 减号
. 英文句号
! 感叹号

公式

当你需要在编辑器中插入数学公式时,可以使用两个美元符 T e X L a T e X M a t h j a x 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\end{vmatrix}KaTeX parse error: Expected '}', got 'EOF' at end of input: {tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

画流程图、时序图(顺序图)、甘特图

1、横向(LR)流程图源码格式:

a=1
a=2
方形
圆形
条件a
结果1
结果2
横向流程图

2、竖向(TD)流程图源码格式:

a=1
a=2
方形
圆形
条件a
结果1
结果2
竖向流程图

3、标准流程图源码格式:

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

4、标准流程图源码格式(横向):

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

5、UML时序图源码样例:

对象A 对象B 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗? 对象A 对象B 标题:复杂使用

6、UML时序图源码复杂样例:

对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:复杂使用

7、UML标准时序图样例:

张三 李四 王五 王五你好吗? 与疾病战斗 loop [ 健康检查 ] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题:复杂使用

8、甘特图样例:

%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h

源码

源码

发布了314 篇原创文章 · 获赞 22 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_39451578/article/details/105492717