Typora使用经验总结

Typora使用经验总结


目录

      • 简介
      • 一、修饰
        • 1. 加粗
        • 2. 斜体
        • 3. 下划线
        • 4. 删除线
        • 5. 分割线
      • 二、版式:
        • 1. 标题
        • 2. 区块
          • 2.1 区块可多级嵌套
          • 2.2 区块内可以使用其他语法
        • 3. 目录
      • 三、代码块:
        • 1. 单行代码
        • 2. 多行代码
      • 四、列表
        • 1. 无序列表
          • 1.1 多级无序列表
        • 2. 有序列表
        • 3. 表格
      • 五、链接
        • 1. 插入图片
        • 2. 插入链接
      • 六、 Typoa下载


简介

Typora 是一款 Markdown 编辑器,拥有 Windows、macOS 客户端,其拥有一下几大特点:

  • 自由随心
  • 实时无缝预览
  • 所见即所得

一、修饰

1. 加粗

** 内容 **__ 内容 __

**Typora**
__Typora__

效果展示:

Typora

Typora


2. 斜体

* 内容 *_ 内容 _

*Typora*
_Typora_

Typora使用经验总结_第1张图片


3. 下划线

内容


Typora

效果展示:

Typora


4. 删除线

~~内容~~
~~Typora~~

效果展示:

Typora


5. 分割线

输入三个以上*-_

---
+++
***

效果展示:




二、版式:

1. 标题

#   //一级标题
##  //二级标题
### //三级标题
......

注:最多至六级标题

效果展示:

Typora使用经验总结_第2张图片


2. 区块

>    

效果展示:


2.1 区块可多级嵌套

Typora使用经验总结_第3张图片


2.2 区块内可以使用其他语法

Typora使用经验总结_第4张图片


3. 目录

输入[TOC],然后在中括号外按回车Enter

效果展示:

Typora使用经验总结_第5张图片


三、代码块:

1. 单行代码

把需要添加代码块的部分,用两个`包起来。

我的`代`。
我的`代`码

效果展示:

我的代码

我的码。


2. 多行代码

把需要添加代码块的部分,用```前后包起来。

多行代码

效果展示:

多行代码
多行代码

四、列表

1. 无序列表

在需要用到无序列表的内容前面输入*-+

==注:内容和代码之间加”空格“==

* 无序列表
+ 无序列表
- 无序列表

效果展示:

  • 无序列表
  • 无序列表
  • 无序列表

1.1 多级无序列表

在需要用到多级无序列表的内容前面输入多个*-+

* 无序列表
(Tab)* 无序列表
(Tab)(Tab)* 无序列表

效果展示:

  • (一级)无序列表

    先Enter,再Tab,然后输入*-+,空格

    • (二级)无序列表

      • (三级)无序列表

2. 有序列表

在需要用到有序列表的内容前面输入数字.,然后空格。

1. 列表一
2. 列表二
3. 列表三
.........

效果展示:

  1. 列表一
  2. 列表二
  3. 列表三

3. 表格

第一行表头

| 姓名 | 性别 | 年龄 |

第二行内容格式

| :---: | :--- | ---: |
(居中) (左对齐)(右对齐)

第三行具体内容

| 小明 | 男 | 20 |

效果展示:

姓名 性别 年龄
小明 20

注:此处对格式的设置不明显,确实需要设置可使用CSS。


五、链接

1. 插入图片

! [标题] (路径)

本地图片路径:右键 > 属性 > 位置 > 将\换成/,加上图片名称.后缀


![图一](C:/Users/Administrator/Desktop/6.gif)

效果展示:

Typora使用经验总结_第6张图片

网络图片路径:点击图片右键 > 检查元素 > 双击URL > 拷贝地址。


![图二](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1524041788967&di=df10974bbdfaf82ad9d89013bacbc153&imgtype=0&src=http%3A%2F%2Ftupian.36992.com%2F2013%2Fgha%2F10%2F101001.jpg)

效果展示:

图二


2. 插入链接

[标题] (路径)


[百度](https://www.baidu.com/)

效果展示:

百度


六、 Typoa下载

https://www.typora.io/#windows

你可能感兴趣的:(Typora使用经验总结)