Markdown新手教程

Posted itbsl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Markdown新手教程相关的知识,希望对你有一定的参考价值。

目录

什么是Markdown?

Markdown是一种轻量级标记语言。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的Xhtml(或者HTML)文档”。Markdown 的设计目的是方便写作的时候,标记格式、同时使标记格式后的纯文本,比起 HTML 源码,更有可读性。

用Markdown写作有什么优缺点?

概括来讲,Markdown有如下优点:

  • 语法比HTML简单,并且能实现大部分HTML能实现的功能
  • 格式排版良好,简单直观,可读性强

有哪些比较好的Markdown写作工具?

由于自己一直用的Mac,所以就推荐一些Mac上比较好的Markdown工具,大概有如下几个:

  • Typora(目前免费,功能强大,首推)
  • UIysses(收费,听说很不错)
  • Mou(轻量级,对中文支持也不错)
  • 简书(网站,原生支持Markdown)

markdown语法

为了接下来能够更好的演示Markdown语法,我将以简书为例来介绍

标题

和HTML一样,Markdown支持添加6个级别的标题,分别是一级标题、二级标题......六级标题,在Markdown语法中,只需要在对应的级别标题前加上对应数量的#符号即可,需要注意的一点就是标题与#之间最好保持一个空格
技术分享图片

水平分区线

在需要添加横线的行,添加三个或三个以上短横线-、星号*、或者下划线_即可
技术分享图片

引用

在需要引用的话前面加上符号>,效果如下图
技术分享图片

中划线

在GitBook Editor上直接可以使用<del> 内容</del>来实现中划线,简书不支持,在简书上需要用*~~内容~~*来实现中划线的功能
注意:符号与内容之间不能有空格
技术分享图片

斜体

在要加粗的句子两边添加关键符号*
技术分享图片

粗体

有时我们在写文章时,想突出某个字、词、句,那么我们可以使其加粗显示,方法就是在要加粗的句子两边添加都**
技术分享图片

斜粗体

如果想让某个字、词、或句即显示斜体又显示粗体,以示强调,可以在其两边添加***

技术分享图片

链接

添加链接方法:[链接文字] (链接地址)
技术分享图片

图片

添加图片的方法和添加超链接的方法类似,只是在超链接的方法前加了一个!,添加图片方法如下
![图片名称] (图片地址)
如果是本地图片如何获得图片地址呢,这是我们可以把要上传的图片鼠标拖进简书编辑区,就可以直接生成一张图片的链接地址了。
获取图片链接:
技术分享图片
添加图片:
技术分享图片

无序列表

在列表前加上一个*+、或者-即可,需要注意的文字与符号之间最好空一格
技术分享图片

有序列表

添加有序列表的方法是,在文字前添加数字加英文句点,需要注意的文字与符号之间最好空一格
技术分享图片

背景

给文字添加背景只需要在文字的两边添加反引号即可
技术分享图片

表格

下图中,可以任意设置文字的对齐方式,左对齐::---,居中:----:,右对齐----:
技术分享图片

代码块

作为一个软件开发人员,在写作中往往需要在文章中添加部分代码,如果直接把代码粘贴在文章中会显得很不好看,借助Markdown语法就能达到很好的显示效果,方法就是在需要添加代码的上下两行添加三个反引号` ````,并且在代码上面一行的反引号后指明所引入的代码用的什么语言,(唉,表达能力不咋地,不多说了,看图)。
技术分享图片
希望对你能有所帮助,如果有错误,请指正,谢谢。





















以上是关于Markdown新手教程的主要内容,如果未能解决你的问题,请参考以下文章

新手自学markdown教程

新手自学markdown教程

Markdown简明教程

Markdown简明教程

VS Code配置markdown代码片段

VS Code配置markdown代码片段