Typora 保姆级教程_typora序列号

Typora使用教程

前言

一次偶然的机会，让我接触到了 .md 文档，进而开始摸索，并意外结识了 Typora 这个编辑器。它是完全支持Markdown的语法的，但是我发现有很多人竟然不会用Markdown甚至不知道，今天发现一篇非常不错的 Typora 教程，分享给大家。

使用Typora过程中我遇到的问题

• Typora中文输入状态下英文符号输出
  ctrl + . 即可改回中文输入状态输出中文符号

• 无序列表缩进

  • shift+table：前进
  • table：后退

自定义Typora样式

• 自定义引用块样式：
  
  

• 自定义引用块背景样式：
  
  

• 自定义代码块样式：模拟CSDN的代码块
  
  

MarkDown

简介

Markdown 是一种轻量级标记语言，创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者 HTML）文档」。

为什么要用MarkDown

对于我而言，我选择MarkDown的原因如下：

1. 回归到内容本身，注重文章本身的结构，而不是样式

2. 不需要考虑字体大小、颜色等，因为 Markdown 中字体样式都与结构有关，无法手动设置

3. MarkDown的语法简单，记住几个常用的就可以释放鼠标了

4. 比如，我想要将 “这是个标题” 设置成二级标题，只需要在标题前添加##+空格即可实现，而不需要用鼠标先选中 “这是个标题”，然后在设置成二级标题

5. 当前许多网站都支持用 Markdown 来撰写文档

6. 如 博客园、CSDN、简书、语雀 等，有了这么多网站的支持，你可以随时随地上传本地 MarkDown 文件到博客中

MarkDown 基本语法

一、标题

语法格式：#+空格+标题，一个#是一级标题，两个##是两级标题，以此类推，支持六级标题

二、字体

• 加粗语法格式：**加粗**

• 斜体语法格式：*斜体*

• 斜体加粗语法格式：``斜体加粗`

• 删除线 语法格式：~~删除线~~

• 高亮

  语法格式：==高亮==

三、引用

语法格式：>+引用文字

我是引用文字

引用也可以嵌套：

如加两个>>

三个>>>

支持无线套娃~~

四、分割线

语法格式：三个或者三个以上的 - 或者 * 都可以，如***

五、图片

语法格式：![alt](图片地址 ''title'')

alt 指的是当图片链接失效时显示的提示文字，可加可不加 title是图片的标题，当鼠标移到图片上时显示的内容，可加可不加

如果你想要调整图片大小，有两种方式：

1. 右击图片，选择缩放图片后，语法格式将变成<img src="Typora.assets/32.jpg" alt="32" style="zoom: 20%;" />，20%可自行调整
2. 通过HTML调节，格式如下：

<center>
    <img style="border-radius: 20px;"
         src="Typora.assets/baymax.jpg" 
         alt="baymax"
         width="688" >
</center>
1
2
3
4
5
6

• <center>标签设置图片居中对齐
• border-radius设置圆角
• src放置图片路径（本地路径或网络路径）
• alt放置图片链接失效后的显示文字
• width设置图片宽度（witdh和height只设置一个即可，等比例缩放）

你也可以通过如下代码为图片添加图注：

<center>
    <img style="border-radius: 20px;"
         src="" 
         alt=""
         width="688" >
    <br>
    <div style="color: #999; padding: 2px;">
        图注
    </div>
</center>
1
2
3
4
5
6
7
8
9
10

Hello,I’m baymax,your healthcare companion.

> 我使用的博客园主题不支持缩放代码，所以我选择了使用HTML的方式调整图片大小。放置上 设置圆角 的代码后我才发现，我使用的主题同样也不支持border-radius