Markdown的语法介绍+Typora的简单使用

您所在的位置:网站首页 markdown一级标题二级标题 Markdown的语法介绍+Typora的简单使用

Markdown的语法介绍+Typora的简单使用

2024-07-17 18:38| 来源: 网络整理| 查看: 265

目录导航栏文章目录Markdown的语法介绍+Typora的简单使用前言[Typora官网下载](http:\\typora.io "http://typora.io")1.标题用法(#号)假如你想去除标题效果又应该怎么办?2.文字格式3.链接3.1行内式3.2参考式3.3自动链接4.表格5.列表5.1无序列表5.2有序列表5.3任务列表6.插入图片7.插入甘特图、UML图、Mermaid流程图8.代码块9.LaTeX数学公式10.快捷键、语法汇总11.锚点12.技巧分享前言

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。

Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别即时渲染使得你写Markdown就想是写Word文档一样流畅自如,不像其他编辑器的有编辑栏和显示栏,它还可以免费的导出成Html、PDF、Word等多种文件

1.标题用法(#号)

效果

实现

一级标题

# 一级标题

二级标题

## 二级标题

三级标题

### 三级标题

四级标题

#### 四级标题

五级标题

##### 五级标题

六级标题

###### 六级标题

当然有时你写完文章时发现有些文字忘记了加#而没有变成标题,或者想改变标题的等级(大小),我们可以使用Ctrl += 、Ctrl - 的快捷键( 注意 + - 号是0旁边的键,不是数字键盘上的 + - )来调节标题的等级(大小)、或者

Ctrl + 1、Ctrl + 2、Ctrl + 3、… 来切换标题的等级(大小)

假如你想去除标题效果又应该怎么办?

1. 在标题文字中使用Ctrl + 0把标题变成段落(推荐)

2. 在标题文字的最前面按下回删键(backspace)(推荐)

3. 在要修改的标题文字右击弹出菜单选项,然后如图操作(推荐)

在这里插入图片描述在这里插入图片描述

4. 利用快捷Ctrl - 逐渐把标题去除,但效率太慢,推荐在H6(6级标题)情况下使用

5. 利用Ctrl / 快捷键把源码模式打开,然后把#号删除即可

注意

​ 在没有标题的文字中使用Ctrl += 快捷键则是默认H6(六级标题),而Ctrl - 则是没反应

2.文字格式

效果

实现

快捷键

粗体

**粗体**

Ctrl + B

斜体

*斜体*

Ctrl + i

下划线

下划线

Ctrl + U

删除线

~~删除线~~

alt shift + 5

在这里插入图片描述在这里插入图片描述置顶置顶3.链接3.1行内式

效果

实现

快捷键

CSDN

[CSDN](http://blog.csdn.net/)

Ctrl + K

带提示的超链接

[带提示的超链接](http://www.tip.link “这是带提示的超链接”)

3.2参考式

我经常在CSDN网站上看博客学习知识,用百度、谷歌搜索引擎查阅资料,利用Python、Java、C、Html、JavaScript等编程语言来编写世界

3.3自动链接

[email protected]

http://blog.csdn.net/

语法对比图如下

在这里插入图片描述在这里插入图片描述4.表格

姓名

学号

班级

系部

张三

17120708

17软件7班

软件工程系

李四

17120709

17软件8班

软件工程系

语法实现 → |姓名|学号|班级|系部| → |xxx|代表一个单元格

代码语言:javascript复制| 姓名 | 学号 | 班级 | 系部 | | ---- | -------- | --------- | ---------- | | 张三 | 17120708 | 17软件7班 | 软件工程系 | | 李四 | 17120709 | 17软件8班 | 软件工程系 |

不同的Markdown编辑器的表格的文本对齐效果都不一样,CSDN的默认是居中对齐 Typora是向左对齐因此想实现不同的对齐方式语法如下

代码语言:javascript复制| 姓名 | 学号 | 班级 | 系部 | | :---- | -------- | --------- | ----------: | | 张三 | 17120708 | 17软件7班 | 软件工程系 | | 李四 | 17120709 | 17软件8班 | 软件工程系 |

注意:该语法的不同处就是:(冒号)

姓名

学号

班级

系部

张三

17120708

17软件7班

软件工程系

李四

17120709

17软件8班

软件工程系

快捷键 Ctrl + T 弹出如下图自行选择行、列数

在这里插入图片描述在这里插入图片描述5.列表5.1无序列表无序列表1无序列表2无序列表3

快捷键Ctrl Shift + ]

5.2有序列表

1.有序列表一

2.有序列表二

3.有序列表三

快捷键Ctrl Shift + [

输入*、-、+号随意一个然后再按下空格就可以实现无序列表, 数字加.(点号)实现有序列表

5.3任务列表 Python Java C C++ C#在这里插入图片描述在这里插入图片描述6.插入图片

语法 ![]() ![图片的描述](C:\Users\MrLiu\Desktop\Typor文章\image\火箭.gif “图片的标题”)

注意:图片路径与图片标题中间要有一个空格

用html的 标签

‘图片未加载出来时显示的文字’

如果不懂Html可以去W3CSchool网站学习一下

7.插入甘特图、UML图、Mermaid流程图

【甘特图参考文档】https://mermaidjs.github.io/#/gantt

例如:

代码语言:javascript复制gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section 现有任务 已完成 :done, des1, 2014-01-06,2014-01-08 进行中 :active, des2, 2014-01-09, 3d 计划中 : des3, after des2, 5d

Mon 06Mon 13已完成 进行中 计划中 现有任务Adding GANTT diagram functionality to mermaid

【UML图参考文档】https://mermaidjs.github.io/#/sequenceDiagram

例如:

代码语言:javascript复制sequenceDiagram 张三 ->> 李四: 你好!李四, 最近怎么样? 李四-->>王五: 你最近怎么样,王五? 李四--x 张三: 我很好,谢谢! 李四-x 王五: 我很好,谢谢! Note right of 王五: 李四想了很长时间, 文字太长了不适合放在一行. 李四-->>张三: 打量着王五... 张三->>王五: 很好... 王五, 你怎么样?

张三李四王五你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间,文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五

【Mermaid流程图参考文档】https://mermaidjs.github.io/#/flowchart?id=grap

代码语言:javascript复制graph LR A[长方形] -- 链接 --> B((圆)) A --> C(圆角长方形) B --> D{菱形} C --> D

链接

长方形

圆角长方形

菱形

8.代码块

java代码效果

代码语言:javascript复制public Demo{ public static void main(String[] args){ System.out.println("Hello World --- Java"); } }

语法实现

代码语言:javascript复制 ```java public Demo(){ public static void main(){ system.out.println("Hello World"); } } ```

Python代码效果

代码语言:javascript复制def main(): print("Hello World --- Python") if __name__ == '__main__': main()

语法实现

代码语言:javascript复制 ```python def main(): print("Hello World --- Python") ​ if __name__ == '__main__': ​ main() ```

快捷键Ctrl Shift + K

9.LaTeX数学公式

【参考文档】https://khan.github.io/KaTeX/

例如:勾股定理

a^2+b^2=c^2 a^2+b^2=c^2 10.快捷键、语法汇总

功能&效果

实现语法

快捷键

调节标题等级(大小)

Ctrl +、Ctrl -(零旁边的+、-键)

标题

# xxx、## xxx、…

Ctrl + 1、Ctrl + 2、…

段落

直接写文字即可

Ctrl + 0

超链接

[超链接]()

Ctrl + K

粗体

**粗体**

Ctrl + B

斜体

*斜体*

Ctrl + i

下划线

下划线

Ctrl + u

删除线

~~删除线~~

alt Shift + 5

code

`code`

Ctrl Shift + `(ESC键下面那个键)

代码块

```中间写代码```

Ctrl Shift + K

插入引用

> (大于号)

Ctrl Shift + Q

插入表格

|xxx|xxx|xxx|

Ctrl + T

在表格中下方插入行

Ctrl + Enter

在表格中上、下移某行

alt + 上方向键、下方向键

有序列表

数字 + . (点号)

Ctrl Shift + [

无序列表

*、-、+号加空格

Ctrl Shift + ]

插入图片

![]()

Ctrl Shift + i

清除样式

Ctrl + \

源代码模式

Ctrl + /

全选一行

Ctrl + L

跳到文首、文末

Ctr + home、end

注意:本文中所有快捷键都是针对Typora编辑器

11.锚点

网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中的跳转。

语法:

代码语言:javascript复制## 前言{#foreword} ## 标题用法{#title} [跳转到前言](#foreword)、[跳转到某个标题](#title)

并不是所有Markdown编辑器都支持,但我们可以使用html的id属性 + 超链接的方式实现

如:

代码语言:javascript复制首页 … [回到首页](#top)

回到首页

12.技巧分享

切记不到万不得已不要去死记硬背,记住一些常用的就可以(重在理解),到要用到其他知识的时候先自己去摸索、学习,实在不知道再去问别人或者去看别人的文章,要有自我学习的一个过程。知识和人都要懂得变通,灵活的运用。

当我们遇到一个程序、软件、网站,想实现或者知道什么功能时要多利用鼠标左、右点击,鼠标拖动、还有就是多去点击一些菜单选项,再或者看看有没有帮助文档。如果是英文看不懂怎么办?还能怎么办学英语啊从根处解决



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3