不可错过的 Markdown 与 Typora 详细教程

点击获取更好的阅读体验。

---

如果你是位码工或者是科研工作者，如果还没使用过markdown的话，这篇文章你必须要看下了。

本文详细介绍了 markdown 和 typora 的使用。

markdown 初识

不知道大家做笔记都是用什么工具，但不管是什么工具，你必需得掌握一种标记语言那就是markdown。

markdown 是一种用于编写结构化文档的标记语言。它使用简单的文本格式来定义文档的结构和样式。

小编简单总结下markdown的优点：

• 纯文本。沉浸式输入，无需鼠标，不需要像word那样设置样式要点来点去。
• 语法简单。非常简单的语法可以实现文本各种属性的设置。
• 美观。markdown写出的文档非常简约又美观，配上一些主题那更是赏心悦目。
• 快捷引用。文中可以使用文本语言实现图片、外链的插入。
• 支持代码/公式。这也码农必学的原因，可在文中优雅地插入代码块，支持各种编程语言高亮。也支持LaTex
• 便于分享。把文档分享给别人时，你只需要把这份文本文件分享过去就行了（图表也是文本），文件也非常小。而且目前主流的知识分享平台都支持markdown语法，写文章只需一键导入即可。
• 格式转化。你有了markdown，你就有了HTML、PDF、Word、LaTeX、幻灯片，适合不用的应用场景。

还有很多，不一一列举了。

Typora 初识

那么有了语言，你就得有IDE（集成开发环境）或者编辑器去使用它。

这就不得不提 Typora 了，Typora 是一个可视化的Markdown编辑器，它提供了一个直观且易于使用的界面，让用户可以方便地编辑和预览Markdown文档。Typora支持实时预览，所见即所得，使得编辑Markdown文档更加直观和高效。

Typora 极大地方便了markdown的体验与使用，是初学者必须要尝试的软件。

然而这个软件在2021年开始收费，只能使用老版本才能免费使用，文末获取老版本的下载链接。

官网下载地址：Typora官网，土豪随意。

接下来就详细介绍markdown和typora的使用方法。

---

Markdown 语法 及 Typora 使用

一、分级标题

• #+空格+标题内容，#的数量代表标题级别
• 快捷键：输入标题内容，然后crtl+数字，数字代表标题级别
• 标题级别加1/减1：ctrl++/ctrl+-

二、字体样式

• 斜体

  • 将要加粗的文字左右分别用一个*包起来
  • 快捷键：ctrl+I

• 加粗

  • 将要倾斜的文字左右分别用**包起来

  • 快捷键：ctrl+B

• 下划线

  • 将要加下划线的文字用<u> </u>包起来

  • 快捷键：ctrl+U

• 删除线

  • 将要加删除线的文字用~ ~包起来

  • 快捷键：shift+alt+5

• 居中

  • 将要居中的文字用<center> </center>包起来
  • 代码<center>我居中啦~</center>
  • 结果：
  我居中啦~

• 脚注

  • 在要加上脚注的内容的后面输入：左中括号+次方号+空格+脚注名+右中括号

  • 然后会自动生成一个空脚注，将光标移到脚注处，会出现“请按语法定义脚注”的提示，点击提示，到文档的最底部输入脚注的内容即可创建脚注。

  • 原代码：Typora[^ 1]

      结果：	Typora[^ 1]
    

• 高亮文字

  • 该功能默认关闭，在文件--偏好设置--Markdown--Markdown扩展语法中勾选高亮重启即可

  • 语法：==我高亮啦==

    结果：我高亮啦
    

• 上标&下标

  • 同样默认关闭，打开方式同上

  • 上标的内容用<sup> <sup>包起来，下标的内容用<sub> <sub>包起来

  • Fe₃O₄：Fe<sub>3</sub>O<sub>4</sub>

    Windows 10^TM：Windows 10<sup>TM</sup>

• 文字颜色

  • 语法：$\color{颜色代码}{文字内容}$

  • 代码：$\color{red}{我是红色的}$

    结果：$我是红色的$

• 文字底色

  • 借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置，只是将那一整行看作一个表格，更改了那个格子的背景色（bgcolor）

  • 语法：<table><tr><td bgcolor=颜色代码>文字内容

  • 代码：<table><tr><td bgcolor=#7FFF00>我绿了

    结果：

    我绿了

• markdown字体、字号与颜色代码

• 撤销字体样式

  • 直接删掉左右的符号
  • 快捷键：ctrl+\

三、 列表

• 有序列表

  • 数字+英文句号
  • 快捷键：ctrl+shift+[

• 无序列表

  • 连字符+英文空格
  • 快捷键：ctrl+shift+]

• 多级列表

  回车后使用tab键可创建下一级别列表，也可以使用减少缩进和增加缩进的快捷键ctrl+[ 和 ctrl+]。

  1. jay
     1. jay
        1. jay
           1. jay
              1. jay
  • jay
    • jay
      • jay
        • jay
          • jay

四、代码

• 行内代码

  • 如果在输入一行文字的过程中需要引用代码，则可以使用行内代码

  • 输入`(反引号，Windows键盘位于Tab键上方)后输入代码内容，再输入一个即可(若字符匹配开启，则输入一次另一个就会自动填补)

  • 快捷键：选中，ctrl+shift+ `

  • 源代码：反引号print('i love you!')反引号

    结果：print('i love you!')

• 代码块

  • 输入```后再输入要编写代码的语言（之间无空格），回车后即可输入代码

  • 快捷键：ctrl+shift+K，然后在代码框的右下角"选择语言"中输入语言名

      			貌似使用```的方式更为方便，因为可以直接输入语言名
    

  • 源代码：以shell脚本为例
    ```shell
echo $USER
    ` ````
    结果

    echo $USER
    

五、分割线

• 输入三个及以上的星号*、减号-（最为方便)、下划线_，然后回车来建立一个分隔线

六、引用

• 一级引用

  • >+空格+内容

  • 快捷键：ctrl+shift+Q，貌似与截图快捷键冲突了…

  • 源代码

    > jay

    >

    > jay

      	结果：
    

jay

jay

• 嵌套引用

  • 一级>，二级>>，三级>>>

> jay
> > jay
> > > jay

结果：

jay

jay

jay

七、表格

• 使用Ctrl+T快捷键来插入表格，设定行数和列数，就出现表格了。并可以设置内容的对齐方式

• 可通过表格左上角的按钮来改变表格的行数和列数。

八、生成目录

• 输入[toc]后回车即可生成目录（toc：table of conent）（大小写都可）。(简书的markdown没这个功能。。。)
• 语法 ：[toc]
  结果：
  [站外图片上传中…(image-3ec07c-1706540585870)]

九、Typora和Word的转换

• 使用工具：typora+pandoc

  • 下载并安装pandoc

  • pandoc的下载地址：https://github.com/jgm/pandoc/releases/tag/2.0.5

    Windows选择pandoc-**-windows.msi这个版本即可）

  • 重启typora，打开要转换格式的文件，选择“File”–>Export–> Word(.docx) 即可

    而如果要从word转换为markdown，则用下面方法即可：

    ctrl+c复制word文本，打开typora，ctrl+v粘贴

• 后来发现Typora自带文档类型转换功能/笑cry，而且还挺好用。方法见此文第十七条。

十、插入链接

• 显示链接

  在< >里面输入链接即可

• 超链接

  • 输入[]()即可，在[]里面输入链接说明，()里面输入链接地址
  • 快捷键：直接ctrl+K ，相应位置输入内容和链接；或者选中内容ctrl+K ，再输入链接。

• 代码：[是Google啊](https://www.google.com/)

  结果： 是Google啊

十一、插入图片

• 图片来源于本地

ctrl+shift+I，输入图片名字，点击选择图片路径

• 图片来源于剪贴板

ctrl+V

• 图片来源于URL地址

ctrl+shift+I，输入图片名字，将图片URL粘贴至图片路径处

这里需要注意的是，前两种方式所产生的图片的地址均来源于你的个人电脑，如果将此地址粘贴至其他电脑或平台，则该图片无法显示。因此要尽量采用第三种方式，可以利用某些平台的图床（就是保存图片的服务器，只要服务器不被炸，就能永久显示。即为云端保存）将本地图片转换为URL再使用第三种方式，这样就会便于将文章分享给他人查看。我用的是简书的图床，将图片粘贴或导入至其在线编辑器就会自动转换为URL！

十二、数学&符号

• 语法：美元符号+反斜杠（转义字符）+数学符号代码+美元符号

• typora-数学符号

• 原代码：$\alpha$

    			`$\sigma=\sqrt\frac{\sum(X-\mu)^2}{N}$`
  

  结果： $\alpha$

    			$\sigma=\sqrt\frac{\sum(X-\mu)^2}{N}$
  

十三、文字选择

• 全选：ctrl+A
• 选中当前行/句：ctrl+L
• 选中当前格式文本：ctrl+E
• 选中当前词：ctrl+D

十四、文章调转

• 调转至文首：ctrl+Home
• 调转至文末：ctrl+End
• 调转至所选内容：ctrl+J（不明白这有什么意义…）

十五、表情和符号

• 语法：英文引号+符号代码+英文引号

• 用的时候先输入一个英文引号，然后基本上输入相应地英文就能找到相应地代码，再输入一个引号
  表情代码大全

  - 上箭头:arrow_up:：arrow_up
  
  - 笑脸:smile:：smile
  
  - 手:hand:：hand
  
  - 帮忙:sos:：sos
    ![表情](https://img-blog.csdnimg.cn/img_convert/1d35e9d7b8a8d92ab988b7fd7676e7cb.webp?x-oss-process=image/format,png)
  

这些都是自己想的，每个都恰好有相应的表情或符号，说明库挺丰富的（简书同样不支持 -_- ）

十六、其他常用快捷键

• ctrl+F：快速搜索（很实用）
• ctrl+P：打开笔记
• ctrl+N：新建文件

十七、文档导出及格式转换

点击图示按钮 – 导出 – 有很多格式可供选择

十八、图片自动上传云端

实现图片的云端存储可以说是非常重要了，你不必再将文档中插入的图片一并打包了，而是秩序分析文档就行了，因为图片才云端，无论什么设备什么人看到都会直接加载，非常方便。

实现图片的云端要有两个东西，一是云端图传，可以使用Github或Gitee，二是上传工具，我们使用PicGO，Typora也支持PicGO上传。

配置过程比较复杂，我们下次再详细介绍哈。

---

获取Typora免费版软件，关注绿泡泡，后台回复【typora】。

有问题绿泡泡里联系，其他平台仅同步文章，其他平台会晚于绿泡泡一两天发表。