首页 > 技术文章 > markdow学习笔记

wzhxp 2021-10-05 10:14 原文

    # 一级标题 一个#
    ## 二级标题 两个#
    ### 三级标题 最高可到六级

    以下为正文输入:

    注意正文输入,回车两次打印的时候才是一个回车或者打两个空格  
    再回车

    <font color=FF0000> 字体标红 </font>

    代码输入这样写:
    ```c++
    using namespace std;
    cout << "jjj"<<endl;
    ```

    正文中的代码`hello md`这样写

    有序列表输入
    1. 输入数字,
    2. 加点
    3. 加空格
        1. 可以缩进
        2. 也要加空格

    无序列表输入
    - 横杆-
    - 加空格
    - 就可以了
        - 也可以缩进
        - 按tab就可以了
        - 注意要空格

    **加粗**
    *倾斜*
    ***加粗和倾斜***

    粘贴图片:先下载paste image,然后ctrl alt v


    **画图**
    以graph开头,
    - 布局方式:四种
        TB(Top Bottom)表示从上向下布局,
        另外三种是BT、LR(Left Right)、RL
    - 四种节点画法 对应的代码:
        A(开始)          ----圆矩形,开始的节点
        B[打开冰箱门]     ----矩形,表过程
        C{"冰箱小不小?"}  ----判断,菱形
        D((连接)) ----圆形,表示连接
    - 线段的画法  -->
        还有带箭头虚线线段 -.->、 带箭头加粗线段 ==>、不带箭头线段 ---
    - 加备注 --备注-->
            节点之间的连接线分为:实线 '---'、加粗实线 '==='、虚线 '-.-'。带箭头的连接线分为:带箭头实线 '-->'、带箭头加粗实线 '==>',带箭头虚线 '-.->'。如果要在连接线上加上备注,则上面两类加备注的方式如下:
            实线备注 '--yes---',加粗实线备注 'yes=',虚线备注 '-.yes.-'。带箭头实线备注 '--yes-->',带箭头加粗实线备注 'yes>',带箭头虚线备注 '-.yes.->'

    举例:
    ```mermaid
    graph TB
        A(开始)
        B[打开冰箱门]
        C{"冰箱小不小?"}
        D((连接))
    ```
    ```mermaid
    graph TB
        A[把大象放进去] --> B{"冰箱小不小?"}
        B -->|不小| C[把冰箱门关上]
        B -->|小| D[换个大冰箱]
    ```

    完整举例
    ```mermaid
    graph TB
        Start(开始) --> Open[打开冰箱门]
        Open --> Put[把大象放进去]
        Put[把大象放进去] --> IsFit{"冰箱小不小?"}
        
        IsFit -->|不小| Close[把冰箱门关上]
        Close --> End(结束)
            
        IsFit -->|小| Change[换个大冰箱]
        Change --可以添加备注--> Open
    ```

×××××××××××× 最终效果如下 ×××××××××××××

一级标题 一个#

二级标题 两个#

三级标题 最高可到六级

以下为正文输入:

注意正文输入,回车两次打印的时候才是一个回车或者打两个空格
再回车

字体标红

代码输入这样写:

using namespace std;
cout << "jjj"<<endl;

正文中的代码hello md这样写

有序列表输入

  1. 输入数字,
  2. 加点
  3. 加空格
    1. 可以缩进
    2. 也要加空格

无序列表输入

  • 横杆-
  • 加空格
  • 就可以了
    • 也可以缩进
    • 按tab就可以了
    • 注意要空格

加粗
倾斜
加粗和倾斜

粘贴图片:先下载paste image,然后ctrl alt v

画图
以graph开头,

  • 布局方式:四种
    TB(Top Bottom)表示从上向下布局,
    另外三种是BT、LR(Left Right)、RL
  • 四种节点画法 对应的代码:
    A(开始) ----圆矩形,开始的节点
    B[打开冰箱门] ----矩形,表过程
    C{"冰箱小不小?"} ----判断,菱形
    D((连接)) ----圆形,表示连接
  • 线段的画法 -->
    还有带箭头虚线线段 -.->、 带箭头加粗线段 ==>、不带箭头线段 ---
  • 加备注 --备注-->
    节点之间的连接线分为:实线 '---'、加粗实线 '='、虚线 '-.-'。带箭头的连接线分为:带箭头实线 '-->'、带箭头加粗实线 '>',带箭头虚线 '-.->'。如果要在连接线上加上备注,则上面两类加备注的方式如下:
    实线备注 '--yes---',加粗实线备注 'yes=',虚线备注 '-.yes.-'。带箭头实线备注 '--yes-->',带箭头加粗实线备注 'yes>',带箭头虚线备注 '-.yes.->'

举例:

graph TB A(开始) B[打开冰箱门] C{"冰箱小不小?"} D((连接))
graph TB A[把大象放进去] --> B{"冰箱小不小?"} B -->|不小| C[把冰箱门关上] B -->|小| D[换个大冰箱]

完整举例

graph TB Start(开始) --> Open[打开冰箱门] Open --> Put[把大象放进去] Put[把大象放进去] --> IsFit{"冰箱小不小?"} IsFit -->|不小| Close[把冰箱门关上] Close --> End(结束) IsFit -->|小| Change[换个大冰箱] Change --可以添加备注--> Open

推荐阅读