• Markdarkdown语法


    Markdarkdown语法


    标题:

    这是一级标题

    这是二级标题

    这是三级标题

    这是四级标题

    ......

    # 这是一级标题
    
    ## 这是二级标题
    
    ### 这是三级标题
    
    #### 这是四级标题
    
    ......
    

    区块:

    这是一层

    这是二层

    这是三层

    这是四层

    .....

    > 这是一层
    > > 这是二层
    > > > 这是三层
    > > > >这是四层
    > > > > >......
    

    字体格式:

    这是加粗字体

    这是斜体字体

    这是加粗,斜体字体

    这是下划线

    这是删除线

    **这是加粗字体**
    
    *这是斜体字体*
    
    ***这是加粗,斜体字体***
    
    <u>这是下划线</u>
    
    ~~这是删除线~~
    
    <!--这是注释-->
    

    代码表示:

    这是代码条

    //这是代码块
    #include<iostream>
    using namespace std;
    int main()
    {
    	cout<<"Hello World!";
    }
    
    `这是代码条`
    
    //这是代码块
    ​```
    #include<iostream>
    using namespace std;
    int main()
    {
    	cout<<"Hello World!";
    }
    ​```
    

    这是超链接:

    百度
    <www.baidu.com>

    [百度](www.baidu.com)
    <www.baidu.com>
    
    

    高级链接:

    我们可以通过变量来设置一个链接,变量赋值在文档末尾进行:

    这个链接用 1 作为网址变量 [Google][1]
    这个链接用 baidu 作为网址变量 [百度][baidu]
    然后在文档的结尾为变量赋值(网址)
    
      [1]: http://www.google.com/
      [baidu]: http://www.baidu.com/
    

    列表:

    • 这是列表
      • 这是多层列表
      • 这是多层列表
    • 这是列表
    - 这是列表
      - 这是多层列表
      - 这是多层列表
    - 这是列表
    
    

    插入图片

    baidu

    ![baidu](https://www.baidu.com/img/bd_logo1.png)
    

    脚注:

    脚注是对文本的补充说明。

    Markdown 脚注的格式如下:

    [^要注明的文本]
    

    以下实例演示了脚注的用法:

    创建脚注格式类似这样 [^RUNOOB]。
    
    [^RUNOOB]: 菜鸟教程 -- 学的不仅是技术,更是梦想!!!
    

    Markdown 表格

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

    语法格式如下:

    |  表头   | 表头  |
    |  ----  | ----  |
    | 单元格  | 单元格 |
    | 单元格  | 单元格 |
    

    以上代码显示结果如下:

    img

    对齐方式

    我们可以设置表格的对齐方式:

    • -: 设置内容和标题栏居右对齐。
    • :- 设置内容和标题栏居左对齐。
    • :-: 设置内容和标题栏居中对齐。

    实例如下:

    | 左对齐 | 右对齐 | 居中对齐 |
    | :-----| ----: | :----: |
    | 单元格 | 单元格 | 单元格 |
    | 单元格 | 单元格 | 单元格 |
    

    以上代码显示结果如下:

    img

    Markdown 高级技巧

    支持的 HTML 元素

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

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

    使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
    

    输出结果为:

    img

    转义

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

    **文本加粗** 
    ** 正常显示星号 **
    

    输出结果为:

    img

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

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

    公式

    当你需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:

    $$
    mathbf{V}_1 	imes mathbf{V}_2 =  egin{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}
    ${$tep1}{style{visibility:hidden}{(x+1)(x+1)}}
    $$
    

    输出结果为:

    img

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

    复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果:

    img

    以下几个实例效果图如下:

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

    ​```mermaid
    graph LR
    A[方形] -->B(圆角)
        B --> C{条件a}
        C -->|a=1| D[结果1]
        C -->|a=2| E[结果2]
        F[横向流程图]
    ​```
    

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

    ​```mermaid
    graph TD
    A[方形] --> B(圆角)
        B --> C{条件a}
        C --> |a=1| D[结果1]
        C --> |a=2| E[结果2]
        F[竖向流程图]
    ​```
    

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

    ​```flow
    st=>start: 开始框
    op=>operation: 处理框
    cond=>condition: 判断框(是或否?)
    sub1=>subroutine: 子流程
    io=>inputoutput: 输入输出框
    e=>end: 结束框
    st->op->cond
    cond(yes)->io->e
    cond(no)->sub1(right)->op
    ​```
    

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

    ​```flow
    st=>start: 开始框
    op=>operation: 处理框
    cond=>condition: 判断框(是或否?)
    sub1=>subroutine: 子流程
    io=>inputoutput: 输入输出框
    e=>end: 结束框
    st(right)->op(right)->cond
    cond(yes)->io(bottom)->e
    cond(no)->sub1(right)->op
    ​```
    

    5、UML时序图源码样例:

    ​```sequence
    对象A->对象B: 对象B你好吗?(请求)
    Note right of 对象B: 对象B的描述
    Note left of 对象A: 对象A的描述(提示)
    对象B-->对象A: 我很好(响应)
    对象A->对象B: 你真的好吗?
    ​```
    

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

    ​```sequence
    Title: 标题:复杂使用
    对象A->对象B: 对象B你好吗?(请求)
    Note right of 对象B: 对象B的描述
    Note left of 对象A: 对象A的描述(提示)
    对象B-->对象A: 我很好(响应)
    对象B->小三: 你好吗
    小三-->>对象A: 对象B找我了
    对象A->对象B: 你真的好吗?
    Note over 小三,对象B: 我们是朋友
    participant C
    Note right of C: 没人陪我玩
    ​```
    

    7、UML标准时序图样例:

    ​```mermaid
    %% 时序图例子,-> 直线,-->虚线,->>实线箭头
      sequenceDiagram
        participant 张三
        participant 李四
        张三->王五: 王五你好吗?
        loop 健康检查
            王五->王五: 与疾病战斗
        end
        Note right of 王五: 合理 食物 <br/>看医生...
        李四-->>张三: 很好!
        王五->李四: 你怎么样?
        李四-->王五: 很好!
    ​```
    

    8、甘特图样例:

    ​```mermaid
    %% 语法示例
            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
    ​```
    

    效果图如下:

    img

  • 相关阅读:
    本周工作量统计
    第15周个人作业
    16周第一组作业
    排球比赛积分规则
    典型用户和场景
    我和计算机
    第18周冲刺
    16周个人作业
    Java中动态获取项目根目录的绝对路径
    Spring框架下类的初始化顺序
  • 原文地址:https://www.cnblogs.com/Weber-security/p/12800463.html
Copyright © 2020-2023  润新知