markDown基础使用

本文详细介绍了MD编辑器的安装与使用方法,包括基础编辑语法、快捷键操作、高级使用技巧,如数学公式输入、Mermaid绘图及饼图制作,适合初学者快速掌握MD编辑技能。

MD使用教程

目录

1、安装使用

百度typora下载,然后选一个自己喜欢的链接下载并安装。

或者使用马克飞象等其他的MD编译软件


2、基础使用

编辑语法

  1. 转义字符:\,用来转义输出特殊字符

  2. 模板字符串:`,如模板字符串

  3. 粗体:**,如:加粗,或者选中内容ctrl+b

  4. 倾斜:*,如:倾斜,或者选中内容ctrl+i

  5. 下划线:<u></u>,如:下划线,或者选择内容ctrl+u

  6. 删除线:~~, 如:删除线,或者选择内容alt+shift+5

  7. 缩小:~, 如:缩小

  8. 下标:H~2~O,如:H2O

  9. 上标:2^10^,如:210

  10. 有序序列:shift+[

  11. 无序序列:shift+]

  12. 代码公式:```+文件后缀,如:

    console.log(hello world!)
    

    后面就直接上快捷键。

  13. 表格:ctrl+t

  14. 超链接:ctrl+k

    • 外部跳转:[外部跳转](链接名)
    • 内部跳转:[内部跳转](#要去的目的地--标题)
    • 内部如:返回MD使用教程
    • 跳转时:ctrl+鼠标左击
  15. 图片:ctrl+shift+i

    Alt
    • 选中图片点击右键,选择压缩就能进行图片放缩
  16. 高亮:

    • 点击文件选择编好设置。
    • 高亮打勾,然后关闭设置
    • ==,高亮没有快捷键:高亮
  17. 字体颜色:<font color=blue></font>,如:蓝色

  18. 字体大小:<font size="24">大小</font>,如:大小

  19. 标题:ctrl+1~6,一共6个级别的标题

  20. 备注:1,注意,备注没有快捷键,而且需要一一对应

    语法:内容[^备注]----[^备注]:备注内容

  21. 引用段落:>,快捷键:ctrl+shift+q,如:2

    这是引用

    二级。

  22. 缩进设置:

    • 打开文件选择偏好设置
    • 找到默认缩进,设置需要缩进然后关闭设置
  23. 分割线:---然后回车,如


  24. 目录设置:

    • 需要目录的空白地方,鼠标右键点击
    • 选择插入+内容目录,即可生成目录

编辑操作

  1. 前进:ctrl+y

  2. 后退:ctrl+z

  3. 裁剪:ctrl+x

  4. 复制:ctrl+c

  5. 粘贴:ctrl+v

  6. 字母大小写转换:shift+字母

  7. 放大:ctrl+shift+=

  8. 缩小:ctrl+shift+-

  9. 还原:ctrl+shift+0

  10. 全屏切换:F11

  11. 搜索:ctrl+f

  12. 替换:ctrl+h

  13. 取消操作:esc

    以上基本使用全部电脑编译软件

  14. 多个MD之间切换:ctrl+tab

  15. 大纲显示:ctrl+shift+l

  16. 大纲折叠:

    • 点击文件选择偏好设置
    • 找到侧边栏打开然后关闭
  17. 自动保存:

    • 点击文件选择偏好设置
    • 找到自动保存选择然后关闭设置
  18. 文件导出:

    • 点击文件
    • 选择导出,并选择导出的文件格式。
  19. 打印:没钱买打印机实验,这个臣妾做不到啊!


3、高级使用

基础使用基本就足够日常使用,下面是更加专业点使用

  1. 数学公式:

    Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分
    Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.
    $$+回车就可以输入公式了。

    $x=1+1$,可以行中写公式。如 x = 1 + 2 x=1+2 x=1+2

  2. Mermaid绘图

    通过mermaid可以实现多种绘图,参考

    ​```mermaid
    	绘图内容编辑区
    ​```
    
  3. 甘特图gantt

    2020-01-07 2020-01-09 2020-01-11 2020-01-13 2020-01-15 2020-01-17 2020-01-19 2020-01-21 已完成 计划一 进行中 计划二 计划二附加 现有任务 标题

    编辑源码:

    gantt
    	dateFormat  YYYY-MM-DD
            title 标题
            section 现有任务
            已完成               :done,    des1, 2020-01-06,2020-01-08
            进行中               :active,  des2, 2020-01-09, 3d
            计划一               :         des3, after des1, 5d
            计划二               :         des4, after des3, 5d
            计划二附加        	 :         4d
    
  4. UML图表sequenceDiagram

    张三 李四 王五 赵六 你好!李四, 最近怎么样? 他们是朋友? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 自己爱自己 loop [回调自身] 我需要你 alt [回调其他] 我需要你 李四你呢 opt [title] 打量着王五... 很好... 王五, 你怎么样? 很好... 王五, 你怎么样? 张三 李四 王五 赵六 买炸鸡

    编辑源码:

    sequenceDiagram
    张三 ->> 李四: 你好!李四, 最近怎么样?
    张三 -> 李四: 他们是朋友?
    李四 -->>王五: 你最近怎么样,王五?
    李四 --x 张三: 我很好,谢谢!
    李四 -x 王五: 我很好,谢谢!
    Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
    
    loop 回调自身
        李四->>李四: 自己爱自己
    end
    alt 回调其他
        李四->>王五: 我需要你
    end
    opt title
        赵六->>王五: 我需要你
        赵六 -->> 李四: 李四你呢
    end
    李四-->>张三: 打量着王五...
    
    张三->> 王五: 很好... 王五, 你怎么样?
    王五->> 张三: 很好... 王五, 你怎么样?
    

    高级图:

    救救 炸鸡店小哥 还有炸鸡吗? 没有,要现炸。 给我炸! 您的炸鸡好了! 我太难了,还不能说 救救 炸鸡店小哥 买炸鸡
  5. mermaid流程图graph LR

    链接
    长方形
    圆角长方形
    菱形
    右向

    编辑源码:

    graph LR
    A[长方形] -- 链接 --> B((圆))
    A --> C(圆角长方形)
    B --> D{菱形}
    C --> D
    

    流程方向:

    用词含义
    TB从上到下
    BT从下到上
    RL从右到左
    LR从左到右
  6. 以上就是mermaid图,其他的还处于研发实验阶段,反正就是我没有试出来,哼😤


外引扩展

序列图

概述
sequenceDiagram 
	[参与者1][消息线][参与者2]:消息体
    ...

sequenceDiagram 为每幅时序图的固定开头

sequenceDiagram
		Title: 买炸鸡
    救救->>炸鸡店小哥: 还有炸鸡吗?
    炸鸡店小哥-->>救救: 没有,要现炸


救救 炸鸡店小哥 还有炸鸡吗? 没有,要现炸 救救 炸鸡店小哥 买炸鸡
参与者(participant)

传统时序图概念中参与者有角色和类对象之分,但这里我们不做此区分,用参与者表示一切参与交互的事物,可以是人、类对象、系统等形式。中间竖直的线段从上至下表示时间的流逝。

sequenceDiagram
    participant 参与者 1
    participant 参与者 2
    ...
    participant 简称 as 参与者 3 #该语法可以在接下来的描述中使用简称来代替参与者 3

participant <参与者名称> 声明参与者,语句次序即为参与者横向排列次序。

消息线
类型描述
->无箭头的实线
–>无箭头的虚线
->>有箭头的实线(主动发出消息)
–->>有箭头的虚线(响应)
-x末端为叉的实线(表示异步)
–x末端为叉的虚线(表示异步)
处理中-激活框

从消息接收方的时间线上标记一小段时间,表示对消息进行处理的时间间隔。

在消息线末尾增加 + ,则消息接收者进入当前消息的“处理中”状态;
在消息线末尾增加 - ,则消息接收者离开当前消息的“处理中”状态。

sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    99 ->> seller: 还有炸鸡吗?
    seller -->> 99: 没有,要现炸。
    99 -x +seller:给我炸!
    seller -->> -99: 您的炸鸡好了!
救救 炸鸡店小哥 还有炸鸡吗? 没有,要现炸。 给我炸! 您的炸鸡好了! 救救 炸鸡店小哥 买炸鸡
注解(note)

语法如下

Note 位置表述 参与者: 标注文字

其中位置表述可以为

表述含义
right of右侧
left of左侧
over在当中,可以横跨多个参与者
sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    Note over 99,seller : 热爱炸鸡
    Note left of 99 : 女
    Note right of seller : 男
    99 ->> seller: 还有炸鸡吗?
    seller -->> 99: 没有,要现炸。
    99 -x +seller : 给我炸!
    seller -->> -99: 您的炸鸡好了!


救救 炸鸡店小哥 热爱炸鸡 还有炸鸡吗? 没有,要现炸。 给我炸! 您的炸鸡好了! 救救 炸鸡店小哥 买炸鸡
循环(loop)

在条件满足时,重复发出消息序列。(相当于编程语言中的 while 语句。)

sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥
   
    99 ->> seller: 还有炸鸡吗?
    seller -->> 99: 没有,要现炸。
    99 ->> +seller:给我炸!
    loop 三分钟一次
        99 ->> seller : 我的炸鸡好了吗?
        seller -->> 99 : 正在炸
    end
    seller -->> -99: 您的炸鸡好了!
救救 炸鸡店小哥 还有炸鸡吗? 没有,要现炸。 给我炸! 我的炸鸡好了吗? 正在炸 loop [三分钟一次] 您的炸鸡好了! 救救 炸鸡店小哥 买炸鸡
选择(alt)

在多个条件中作出判断,每个条件将对应不同的消息序列。(相当于 if 及 else if 语句。)

sequenceDiagram    
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    99 ->> seller : 现在就多少只炸好的炸鸡?
    seller -->> 99 : 可卖的炸鸡数
    
    alt 可卖的炸鸡数 > 3
        99 ->> seller : 买三只!
    else 1 < 可卖的炸鸡数 < 3
        99 ->> seller : 有多少买多少
    else 可卖的炸鸡数 < 1
        99 ->> seller : 那我明天再来
    end

    seller -->> 99 : 欢迎下次光临
救救 炸鸡店小哥 现在就多少只炸好的炸鸡? 可卖的炸鸡数 买三只! 有多少买多少 那我明天再来 alt [可卖的炸鸡数 > 3] [1 < 可卖的炸鸡数 < 3] [可卖的炸鸡数 < 1] 欢迎下次光临 救救 炸鸡店小哥 买炸鸡
可选(opt)

在某条件满足时执行消息序列,否则不执行。相当于单个分支的 if 语句。

sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    99 ->> seller : 买炸鸡
    opt 全都卖完了
        seller -->> 99 : 下次再来
    end
救救 炸鸡店小哥 买炸鸡 下次再来 opt [全都卖完了] 救救 炸鸡店小哥 买炸鸡
并行(Par)

将消息序列分成多个片段,这些片段并行执行。

sequenceDiagram
   participant 99 as 救救
   participant seller as 炸鸡店小哥
   
    99 ->> seller : 一个炸鸡,一杯可乐!

    par 并行执行
        seller ->> seller : 装可乐
    and
        seller ->> seller : 炸炸鸡
    end

    seller -->> 99 : 您的炸鸡好了!
救救 炸鸡店小哥 一个炸鸡,一杯可乐! 装可乐 炸炸鸡 par [并行执行] 您的炸鸡好了! 救救 炸鸡店小哥 买炸鸡

饼图(Pie)

pie
    title Pie Chart
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 150
    "panda" : 200

Typora支持mermaid的官方链接


  1. hello ↩︎

  2. 可以多个嵌套:>>,快捷键却无法完成 ↩︎

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值