Typora使用教程

Typora使用教程

1、Marjdiwn与Typora

1.1Markdown

一种2004由约翰·格鲁伯创建的轻量级标记语言，允许使用易读易写的纯文本编写文档。

可以导出HTML、Word、图像、PDF、Epub多种格式，后缀为.md，.markdown

1.2 Typora

这是一种认可度最高的Markdown编辑器。

Typora官网： https://typora.io/

windos版本下载地址：https://typora.io/#windows

下载后点击安装就行。

2、Markdown基本语法

2.1 标题

使用 **# **来表示，最多六级，多一级就多一个#。

如果在Typora中，# 后要紧接着一个空格才能表示标题，否则就是普通字符。

当然在Typora中，我们一般使用快捷键Ctrl+1（2，3，4，5，6）表示相对应的标题。Ctrl+0表示段落。

记不住快捷键的话，就可以在菜单栏中的段落选项下查看。或者不使用快捷键用鼠标来选择，从菜单栏或者用鼠标右键都行。

2.2 字体

• 斜体：用一对*号或者一对下划线_括住文本来表示斜体，在Typora使用Ctrl+I。
• 粗体：用一对**或者一对双下划线__括住老表示粗体，typora中使用Ctrl+B。
• 斜粗体：顾名思义当然是把斜体加粗，或者粗体加斜。也就是一对***或者一对___

2.3 常用线

• 分割线：使用三个及以上的+号或者*号或者-号老表示,(需要注意的是在CSDN中+++不代表分割线)。
• 删除线： 一对~~括住表示删除，在Typora，用Ait+shift+5表示
• 下划线:使用来表示，在Typora中用快捷键Cttl+U

2.4 列表

• 无序列表：用*、+或- 加空格来表示

• 有序列表：数字加.加空格，来表示有序列表

• 嵌套列表：回车后加Tab键

2.5 区块

使用场景：想要引用别人的文章内容时，将其放在区块内。

用>加空格表示

这是一个区块

区块也可以嵌套

enter键退出区块

2.6 代码

如果是一行代码，md提供了代码块来展示，用一对`（主键盘数字1左边符号）括住。

比如printf("Hello World!")

代码块，用三个`+enter/空格+代码来表示

public static void main(String[] args){
    system.out.printIn("Hello World!");
}

可以在代码块的右下角选择编程语言。

2.7 链接

> 1. [链接文字]   (链接地址) :
> 2. < 链接地址  >:

针对链接，Ctrl+鼠标左键点击访问

2.8 图片

插入图片：![alt 属性文本] （ 图片地址 ）

由于Markdown的特殊语法，故经常会出现图片加载失败的情况，很大的可能就是因为在指定的路径上找不到相应的图片，当然，有时候也是由于Typora的原因，重启Typora即可。

2.9 表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

语法如下：

表头	表头	表头
单元格	单元格	单元格
单元格	单元格	单元格

|表头|表头|表头|
|---|---|----|
|单元格|单元格|单元格|
|单元格|单元格|单元格|

结果如下：
表头 表头 表头
单元格 单元格 单元格
单元格 单元格 单元格

我们可以设置对齐方式：

:-表示左对齐
-:表示右对齐
:-:表示中间对齐

示例如下：

左对齐	右对齐	中间对齐
单元格	单元格	单元格
单元格	单元格	单元格

|左对齐|右对齐|中间对齐|
|:---|---:|:----:|
|单元格|单元格|单元格|
|单元格|单元格|单元格|

在Typora中，我们可以使用快捷键Ctrl+T来插入表格，并选择行列，当选中表格某一单元格时，可以在表格左上角手动设置对齐方式，右上角选择更多操作。

3 、Typora 与HTML

3.1 改变字体颜色及大小

我们可以使用 标签来改变字体的颜色及大小，如：

<font size=3 color="red">字体颜色为红色，大小为3</font>

<font size=4 color="blue">字体颜色为蓝色，大小为4</font>

<font size=6 color="violet">字体颜色为紫罗兰，大小为6</font>

结果为：

字体颜色为红色，大小为3

字体颜色为蓝色，大小为4

字体颜色为紫罗兰，大小为6

属性size表示字体大小，color表示颜色。

3.2 改变对齐方式

我们可以改变字体的对齐方式，用标签

加上属性align，如：

左对齐

中间对齐

右对齐

1<p align="left">左对齐</p>
2<p align="center">中间对齐</p>
3<p align="right">右对齐</p>

—————END—————

喜欢本文的朋友，欢迎关注公众号【锋叔笔谈】，收看更多精彩内容