学会了Markdown,你就能优雅地撰写文章啦。
前言
上一篇文章中我们学习了如何搭建这个博客,这里则将讲述如何更好地编辑你博客中的图文。
在接触Markdown之前,我有学过LaTeX的文本编辑语言,两者有异曲同工之妙(下文会提到),如果你听说过后者,那么理解前者将非常轻松。而如果这两者都没听说过也无妨,只需要你会开机和打字就行。
本文将先分别介绍Markdown(一种文本编辑语言)和Typora(一种类似你手机备忘录的工具),然后由浅至深介绍具体语法内容,最后还整理了一些针对本类型博客的小技巧,我也才刚学会的那种。
如果你想学习更多新东西,可以顺着目录往下看;如果想效率更高一点,想更快进入创作阶段,点击这里👉直接跳转查看更简单的操作方式。
目录
- 什么是Markdown?
- 什么是Typora?
- Markdown语法简明教程
- 技巧分享
- 拓展阅读
什么是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
- 有序2
- 有序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
需要注意的是,小括号中英文分级标题需要全小写,且用 - 短杠代替空格(这个bug我前几天找了好久才知道)。
插入图片
插入图片使用代码的格式如下,我一般直接点击菜单栏中的格式
-图像
。
1

这里的图片路径可以是本地图片路径,也可以是网上的一张图,还可以是图片转码的文本。
- 本地图片路径直接将图片所在文件夹的位置输入进来就可以,记得得是绝对路径(单击一下文件夹的路径栏,直接复制下来就行),这种方式仅适用于本地导出PDF分享或打印。
- 添加网络图片可以在浏览器中右键点击图片,再点击
复制图片地址
即可,当你有专门的图床或云库时,它会提供给你图片地址,这时会比较方便。 - 将图片编码成BASE64格式,直接用文本形式存储一张图。通过在线转码工具将需要添加的图片进行转码,再复制编码放到上述的图片路径中即可。
其中第三种方式是我目前用在本博客的方式,因为它不需要访问外网,也比较方便,唯一的缺点在于放进Typora后会有很长一段代码,这时只需要在别处随意单击一下即可将它隐藏。
导出PDF
我们的博客和Github、知乎、简书等内容分享平台是能够自动解读这个格式的,博客的更新方式见上一篇文章,其它网页发送它们只需要将源代码复制过去就可以了,当然,你也可以在Typora的菜单栏文件
点击导出
-PDF
即可生成对应的PDF文件用以共享或打印。