第一讲——工具-Markdown的语法

MarkDown DAY01

工欲善其事必先利其器
首先从浏览器上下载Typora.打开软件，进行如下练习。为什么要敲代码不用快捷键呢，因为这样有利于学习语言。

Typora是个微型记事本，用的是markdown语法，所有的在线编辑都适用，所以用Typora记录学习可以事半功倍。

---

目录

• MarkDown DAY01
  • 标题
• 一级标题
  • 二级标题
    • 三级标题
      • 四级标题
        • 五级标题
          • 六级标题
  • 字体(颜色背景...)
  • 引用
  • 分割线
  • 插入图片
  • 超链接
  • 列表
  • 表格
  • 代码
  • 建立区域
  • 代码折叠
    • 文本折叠
    • 代码折叠
  • （Mermaid）饼图、流程图
    • 饼图、pie
    • 流程图、graph
      • 1. 节点__节点名称
      • 2. 箭头
  • 鼠标悬浮显示
  • 插入视频
  • 新增单词

---

标题

标题

    #+空格+标题名称
#       一级标题
##      二级标题
###     三级标题    
####    四级标题    
#####   五级标题    
######  六级标题    
    

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

---

字体(颜色背景...)

操作代码

        *斜体*
**加粗**
***斜体加粗***
~~删除线~~
下划线
==高亮显示==
       

斜体

粗体

斜体加粗体

删除线

下划线

高亮显示

---

<span style='color:pink;background:yellow;font-size:50px;font-style:italic(斜体);'>-----------黄色背景--------------</span>

-----------黄色背景--------------

graph LR; 1("样式")-->2("颜色") 1-->3("字体") 2-->4("字体颜色") 2-->5("背景颜色") 3-->6("字体大小") 3-->7("字体样式")

---

引用

引用

分割线

1. 分割线

---

2. 分割线

---

插入图片

插入图片

    ![图片名称](图片地址)
    

超链接

超链接

    [点击跳转到4399](http://www.4399.com/)
    

点击跳转到4399

列表

有序列表1加英文句号+空格

1. A
2. B
3. C

无序列表减号+空格

• A
• B
• C

表格

可以插入表格也可以敲代码

姓名|生日|性别

--|--|--

张三|1997|男

李二|1996|男

PS：敲出以上部分并转到源代码删除中间空行，再返回

姓名	生日	性别
张三	1997	男

代码

代码

    ```java 
    代码内容
    

public class Hello{
public static void main(String[]args){
    System.out.println("Hello,World!!!")
}
}

建立区域

建立区域

>
>
>
>
>
 

代码折叠

是利用内置 HTML 的技术折叠代码的功能

文本折叠

<details>
    <summary>标题</summary>
    你好 世界！！！
    </details>

标题

你好 世界！！！

---

代码折叠

<details> 
    <summary>标题</summary>
    <pre><code>
    System.out.println("你好 世界！！！");
    </pre></code>
    </details>

标题

    System.out.println("你好 世界！！！");
    

---

（Mermaid）饼图、流程图

    Mermaid是一种基于**Javascript**的绘图工具，使用类似于 Markdown 的语法，使用户可以方便快捷地通过代码创建图表。
    **使用集成了Mermaid渲染功能的Markdown编辑器，如[Typora]。**==使用时，需要将代码块的语言选择为Mermaid==**注释; %%**

---

饼图、pie

使用集成了Mermaid渲染功能的Markdown编辑器，如[Typora]。使用时，需要将代码块的语言选择为Mermaid

饼图——pie

     pie
 title 七夕快乐
 "牛牛" : 40
 "牛郎" : 30
 "织女" : 30
    

pie title 七夕快乐 "牛牛" : 40 "牛郎" : 30 "织女" : 30 %% 勇敢牛牛 不怕困难

---

流程图、graph

 换行 <rb/>newlineText<br/>

流程图——graph——主要组成部分

 
    graph LR  // LR ; 从左到右 上下左右的首字母 除上是T 其他正常
0("graph")-->A(" 节点")
0-->B("节点名称")
0-->C("箭头")
C-->D("实线箭头")
C-->E("虚线箭头")
D-->F("有文本箭头")
D-->G("无文本箭头")
    

graph LR 0("graph")-->A(" 节点") 0-->B("节点名称") 0-->C("箭头") C-->D("实线箭头") C-->E("虚线箭头") D-->F("有文本箭头") D-->G("无文本箭头")

---

1. 节点__节点名称

节点__节点名称

    graph
0("A") %% 0 为节点名称  (A) 为节点
1["B"]
2{"C"}
3(("D"))
4>"—E—"] %% 字数不够呢 看不出形状
5(["——F——"]) %% 字数不够呢 看不出形状
    

graph 0("A") %% 0 为节点名称 (A) 为节点 1["B"] 2{"C"} 3(("D")) 4>"—E—"] %% 字数不够呢 看不出形状 5(["——F——"]) %% 字数不够呢 看不出形状

---

2. 箭头

箭头

graph LR
0-->A-->|实线文本箭头|B
0-.->1-.虚线文本箭头.->2

graph LR 0-->A-->|实线文本箭头|B 0-.->1-.虚线文本箭头.->2

---

鼠标悬浮显示

<abbr title = "悬浮显示内容"  >鼠标悬浮</abbr>

鼠标悬浮

---

插入视频

<video src="本地路径"></video>

---

新增单词

1. Markdown 语法名称 麦克裆~
2. Typora 软件名称 他噗ra~
3. pink 粉色
4. yellow 黄色
5. pixel 像素 | px单位 皮克斯L
6. color 颜色
7. Mermaid 语法名称 哞梅的
8. pie 饼图 派~
9. details 详细的 迪透偶丝~
10. summary 简要的 杀牟瑞
11. pre 格式化
12. graph 戈 lua 夫