Markdown教程(Typora使用教程)

1.MarkDown教程

1.1、MarkDown介绍

由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。

2.Typora 编辑器

选择使用 Typora 编辑器来讲解 Markdown 的语法,Typora 支持 MacOS 、Windows、Linux 平台,且包含多种主题,编辑后直接渲染出效果。

支持导出HTML、PDF、Word、图片等多种类型文件;也支持写各种语言的代码块。

Typora 官网进行下载

2.1、更改主题

一般默认Github主题

在这里插入图片描述

2.2、其他设置

在这里插入图片描述

不适用拼写检查,就不会报红(重启生效);

在这里插入图片描述

要把这两个选项打对勾,图片会保存到笔记.md文件的同级目录,否则截图后直接保存到C盘里面;

在这里插入图片描述

Typora也可以设置成类似与浏览器的检查元素,查看源代码,可以更改主题的css样式,也可以编写html代码,自己可以测试一下,开启调试模式,(重启生效)如图:

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

(重点)设置成自动保存

在这里插入图片描述

3.MarkDown基语法部分

3.1、标题

# 标题名字(井号的个数代表标题的级数)
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
####### 最多支持六级标题

3.2、段落

段落没有特殊的格式,直接用一个空行来表示重新开始一个段落。

3.3、字体样式

3.3.1、斜体

这是用来 *斜体* 的 _文本_

这是用来 斜体文本

3.3.2、加粗

这是用来 **加粗** 的 __文本__

这是用来 加粗文本

3.3.3、斜体+加粗

这是用来 ***斜体+加粗*** 的 ___文本___

这是用来 斜体+加粗文本

3.3.4、删除线

这就是 ~~删除线~~ (使用波浪号)

这就是 删除线 (使用波浪号)

3.3.5、下划线

下划线是HTML语法

下划线 下划线(快捷键ctrl+u

3.3.6、分隔线

可以在一行中使用三个或更多的 *-_ 来添加分隔线

***
------
___


3.4、扩展语法的说明

部分渲染器可能不支持该效果,若不在意跨软件性可以使用(意思就是换了个别的支持markdown语法的地方敲字,某些样式可能识别不出来)

3.5、高亮(需勾选扩展语法)

这是用来 ==高亮== 的文本

这是用来 高亮 的文本

3.6、下标(需勾选扩展语法)

水 H~2~O 
双氧水 H~2~O~2~ 

水 H2O //和html写法一样,control+u

双氧水 H2O2

3.7、上标(需勾选扩展语法)

面积 m^2^ 
体积 m^3^

面积 m2 //在数字6

体积 m3

3.8、表情符号

Emoji 支持表情符号,你可以用系统默认的 Emoji 符号。

输入方式

🌞

  1. 输入 : 将会出现智能提示:smile:😄
  2. 直接输入法选入
  3. 快捷键后点选:
    • Mac: control+command+space点选
    • Window:使用 Win键+. 或者Win键+. 点选

3.9、列表

3.9.1、无序列表

符号 空格

* 可以使用 `*` 作为标记
+ 也可以使用 `+`
- 或者 `-`
  • 可以使用 * 作为标记

  • 也可以使用 +

  • 或者 -

3.9.2、有序列表

数字 . 空格

1. 有序列表以数字和 `.` 开始;
3. 数字的序列并不会影响生成的列表序列;
4. 但仍然推荐按照自然顺序(1.2.3...)编写。
  1. 有序列表以数字和 . 开始;
  2. 数字的序列并不会影响生成的列表序列;
  3. 但仍然推荐按照自然顺序(1.2.3…)编写
可以使用:数字\. 来取消显示为列表(用反斜杠进行转义)

4.0、表格

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

name | price
--- | ---
fried chicken | 19
cola|5

为了使 Markdown 更清晰,|- 两侧需要至少有一个空格(最左侧和最右侧的 | 外就不需要了)。

nameprice
fried chicken19
cola5

为了美观,可以使用空格对齐不同行的单元格,并在左右两侧都使用 | 来标记单元格边界,在表头下方的分隔线标记中加入 :,即可标记下方单元格内容的对齐方式:

|    name       | price |
| :------------ | :---: |
| fried chicken | 19    |
| cola          |  32   |
nameprice
fried chicken19
cola32

使用快捷键command+opt+T更方便(段落→表格→插入表格,即可查看快捷键)

4.1、引用

开头使用 > 符号 ,然后后面紧跟一个空格符号

> “后悔创业”

“后悔创业”

> 也可以在引用中
>> 使用嵌套的引用

也可以在引用中

使用嵌套的引用

4.2、代码

4.2.1、代码块

代码块中的文本(包括 Markdown 语法)都会显示为原始内容

```语言名称(也可以不指定)
public static void main(String[] args) {
   }

4.2.2、行内代码

也可以通过反引号(``),插入行内代码

例如 `Markdown`

例如 Markdown

4.3、跳转

4.3.1、外部跳转–超链接

格式为 [link text](link)

[帮助文档](https://support.typora.io/Links/#faq)

帮助文档

4.3.2、内部跳转–本文件内跳-Typora支持

格式为 [link text](#要去的目的地-标题名称)

不管标题有几个#,设置链接时只有一个#*,标题里的*空格可以用’-‘代替,开头结尾的空格无所谓。

[我想跳转](#完结)

Open Links in Typora

You can use command+click (macOS), or ctrl+click (Linux/Windows) on links in Typora to jump to target headings, or open them in Typora, or open in related apps.

我想跳转

如果不想跳到标题,则可以自定义锚点

<a href="#anchor">不,你不想跳,你要回去</a>
<a name="anchor">锚点</a> 

4.3.3、自动链接

使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接:

<https://www.baidu.com>

<123@email.com>

https://www.baidu.com

123@email.com

4.3.4、重复链接

当在一个文章重复使用同一个链接时,我们可以通过变量来设置一个链接,相当于给这个链接起了个名字,方便统一修改,变量赋值在文档引用的下面进行:

这个链接用 baidu 作为网址变量名字 [百度][baidu]
这个链接用Gin_2000作为网址变量名字 [ Gin_2000的博客][Gin_2000]
然后在文档的结尾为变量赋值(网址)

  [1]: http://www.baidu.com/
  [jojo]:https://blog.csdn.net/Gin_2000?type=blog

这个链接用 baidu 作为网址变量名字 百度
这个链接用 Gin_2000的博客作为网址变量名字 Gin_2000的博客

  • 14
    点赞
  • 58
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值