接招吧!来自我的Markdown安利!

Markdown简明教程和Typora软件分享

Posted by Supuloo on May 8, 2019

学会了Markdown,你就能优雅地撰写文章啦。

前言

上一篇文章中我们学习了如何搭建这个博客,这里则将讲述如何更好地编辑你博客中的图文。

在接触Markdown之前,我有学过LaTeX的文本编辑语言,两者有异曲同工之妙(下文会提到),如果你听说过后者,那么理解前者将非常轻松。而如果这两者都没听说过也无妨,只需要你会开机和打字就行。

本文将先分别介绍Markdown(一种文本编辑语言)和Typora(一种类似你手机备忘录的工具),然后由浅至深介绍具体语法内容,最后还整理了一些针对本类型博客的小技巧,我也才刚学会的那种。

如果你想学习更多新东西,可以顺着目录往下看;如果想效率更高一点,想更快进入创作阶段,点击这里👉直接跳转查看更简单的操作方式。

目录

什么是Markdown?

它和Word的区别

自古以来,在文本编辑界存在着两大阵营。

首先是所见即所得阵营,即你眼前看到的效果就是你文本的最终效果,每次输入或操作都能看到相应的具体变化,放入一张图片,插入一个表格,加粗、居中、分列、标序,都有相应的按钮直接对应这些功能。

与之相对应的是所见非所得阵营,即展示在你眼前的是最简单的字符串,没有字体、大小、颜色等区别,没有任何格式的区别。它们也许不具备排版上的美观性,但它们包含着你所需要的效果信息,经过特定的编译环节之后,它们能转化出你想要的效果。

为了方便理解,我举个不太恰当的例子——就像吃饭点餐时会遇到两种情况:一种是看着菜品的实物照片进行点餐,另一种则是通过菜名和服务员口头介绍来了解它们,两者都能让你吃到满意的美食。前者能直接从照片看到实物,但需要先做好菜,拍好照片,印刷到菜单上;后者则将菜品信息包含在介绍里,原则上只需要说话就可以完成介绍,但需要炒制好后才能看到最终模样。前者直观,后者简约。

Word属于所见即所得阵营。

Markdown属于所见非所得阵营,同属于该阵营的还有LaTeX和HTML语言。

「举一个需要实现加粗的例子。」同样需要加粗「例子」二字,它们是如何实现的呢?

  • Word:鼠标光标选中「例子」二字,点击加粗对应的B按钮
  • Markdown:在编写文本时,「例子」二字前后加上两个星号,即**例子**
  • LaTeX:在编写文本时,将「例子」二字放到\textbf{}的花括号中,即\textbf{例子}
  • HTML:在编写文本时,将「例子」二字放到<b> </b>的两对大小于号之间,即<b>例子</b>

(为什么大多和字母B有关系?粗体的英文单词是bold,不少快捷键和功能符号都取自它们对应单词的首字母)

以上四者的特性各不相同,按我个人的理解,Word用于办公文档较多,Markdown常用于日常记录,LaTeX以强大的公式排版能力和众多论文模板著称,HTML则是网页开发中必不可少的存在,更多区别各位可以自行百度,或查看下文的拓展阅读

它适用于什么场景

说回我们的主角,从结果来看,Markdown能干的事情,Word都能干,在功能上几乎是被包含状,但两者在适用场景上还是不太一样。由于功能简单,Markdown在编辑过程中会更让人专注于文字内容本身(Word中大多数功能我们平时都用不到吧),这应该是它最受人喜爱的一点。

在Github、知乎、简书等内容分享平台上,Markdown也是比较热门的编辑方式。而在咱们这个博客的搭建过程中我们也知道了,原作者的个人简介和博客日志都是用这种格式写的。

因此,一些对格式排版要求不高,更注重内容本身的创作情境,Markdown会是你的好选择。

原则上来说你只需要掌握语法,使用电脑自带的记事本按格式写下你的文本,保存后再将后缀改为Markdown的.md.markdown就可以了,但这里也有更方便的专门编辑Markdown的软件,能够让你的创作过程更加优雅专注👇

什么是Typora

Typora简介

Typora是一款轻便简洁的Markdown编辑器,支持实时渲染,即隐藏提供排版信息的部分,直接展示文本转化之后的效果(这也是与其他Markdown编辑器最显著的区别),能让你的Markdown文档写得像Word文档一样流畅。你可以👉看看它们的官网,就知道它有多简约大方。

Typora安装

点击下载Windows版本,IOS版本也能在官网找到,安装好后桌面会出现T字形的图标,双击打开即可开始编辑你的文档。

Markdown语法简明教程

常用语法

下面将介绍一些常用的语法,你可以打开Typora,一个一个对照着输入看看效果以便理解。

1.分级标题

分级标题用来区分文本章节,在标题内容前加 # 号与空格实现。

1
2
3
# 一级标题
## 二级标题
### 三级标题

效果如下,一共有六级标题,通过 # 号的数量来区分。

2.文本格式

一般常用的有加粗、斜体、引用、删除。

1
2
3
4
**这里是加粗,文字两端加双星号**
*这里是斜体,文字两端加单星号*
>这里是引用,文字前面加一个大于号
~~这里是删除,文字两端加双波浪号~~

其中波浪号在键盘Tab键上方,同时按下Shift键和该键即可打出。效果分别如下。

这里是加粗,文字两端加双星号 这里是斜体,文字两端加单星号

这里是引用,文字前面加一个大于号

这里是删除,文字两端加双波浪号

3.分列标号

一般分为无序标号、有序标号、任务标号三种。

无序标号在文字前加 - 短杠和一个空格实现。

1
2
3
4
5
- 无序a
- 无序b
   - 无序b1
   - 无序b2
- 无序c

多级无序标号可在当前文字最前端加三个空格实现,效果如下。

  • 无序a
  • 无序b
    • 无序b1
    • 无序b2
  • 无序c

有序标号在文字前加数字1.2.3.和一个空格实现。

1
2
3
1. 有序1
2. 有序2
3. 有序3

效果如下。

  1. 有序1
  2. 有序2
  3. 有序3

任务标号具有交互功能,你可以用来写自己的代办事项,通过在文字前加 - 短杠和内含一个空格的 [ ] 中括号实现。

1
2
3
- [ ] 任务一
- [ ] 任务二
- [ ] 已完成把空格换成x或者单击按钮

效果如下。

  • 任务一
  • 任务二
  • 已完成把空格换成x或者单击按钮

4.添加链接

有时候写文章会提到某些网页的内容,我们会想添加超链接让大家更方便的访问。通过中括号将需要产生链接效果的文字框住,再在后面小括号中添加网址即可。

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

效果是这样的👉百度一下

以上即是常用的语法,能满足文本创作的基本需求,更多的内容可以查看拓展阅读里更全面的教程。

简易操作

上文提到的语法,可以直接在记事本中输入,保存后将后缀改为.md.markdown格式即可。

而当我们安装好Typora之后,你可以解锁更简便的操作方式!

双击打开Typora会直接新建一个文档,你会发现在上方菜单栏中有段落格式两个选项,以此点击查看,你会发现我们刚刚上面讲的所有代码实现的排版方式,全都可以一键完成!就像Word那样简单,选中字段,然后按下想要的效果就可以了(我可没耍你,是你想学新东西来着)!

而在界面的左下角,你会看到两个按钮。第一个能让你随时查看由分级标题生成的文本大纲,第二个能让你在实时预览源代码模式下切换,实时预览有时会过于智能,这时候源代码模式就能帮助你解决问题。

如果觉得鼠标操作太麻烦不够优雅,也可以记下这些选项后对应的快捷键。习惯之后,你会发现,Typora的简单会让你沉浸下来,潜到文字的世界里去(也没那么神奇啦)。

技巧分享

文内跳转

当文章篇幅较长时,我们一般会在本文正文内部开头放上一个简要目录,Markdown官方提供的自动生成目录的方式是输入[toc]后回车,即可按照分级标题生成一个完整的具有文内跳转功能的目录。它虽然方便,但不可微调(比如修改样式或精简条目),因此我更推荐手动添加的方式。

原理和生成超链接一样,只是要将小括号内替换成文内的分级标题。

1
2
3
4
5
[跳到哪里](#跳到哪里)
[Jump here](#jump-here)

##### 跳到哪里
##### Jump here

跳到哪里

Jump here

跳到哪里
Jump here

需要注意的是,小括号中英文分级标题需要全小写,且用 - 短杠代替空格(这个bug我前几天找了好久才知道)。

插入图片

插入图片使用代码的格式如下,我一般直接点击菜单栏中的格式-图像

1
![图片标题,非必填](图片路径)

这里的图片路径可以是本地图片路径,也可以是网上的一张图,还可以是图片转码的文本。

  • 本地图片路径直接将图片所在文件夹的位置输入进来就可以,记得得是绝对路径(单击一下文件夹的路径栏,直接复制下来就行),这种方式仅适用于本地导出PDF分享或打印。
  • 添加网络图片可以在浏览器中右键点击图片,再点击复制图片地址即可,当你有专门的图床或云库时,它会提供给你图片地址,这时会比较方便。
  • 将图片编码成BASE64格式,直接用文本形式存储一张图。通过在线转码工具将需要添加的图片进行转码,再复制编码放到上述的图片路径中即可。

其中第三种方式是我目前用在本博客的方式,因为它不需要访问外网,也比较方便,唯一的缺点在于放进Typora后会有很长一段代码,这时只需要在别处随意单击一下即可将它隐藏。

导出PDF

我们的博客和Github、知乎、简书等内容分享平台是能够自动解读这个格式的,博客的更新方式见上一篇文章,其它网页发送它们只需要将源代码复制过去就可以了,当然,你也可以在Typora的菜单栏文件点击导出-PDF即可生成对应的PDF文件用以共享或打印。

拓展阅读