让文本更精致|小白Markdown学习笔记基础篇

一、Markdown介绍

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。——百度百科
Markdown 能被使用来撰写电子书,如:Gitbook。

  • 目前网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。
  • 使用Markdown的优点:
    纯文本,兼容性强,可以用所有文本编辑器打开。
    自动排版,让你专注于文字。
    格式转换方便,Markdown 文本可以轻松转换为PDF、html、Word、Epub、图片等。

二、编辑器推荐

1.在线编辑

  • StackEdit
    浏览器访问StackEdit
  • 简书
    浏览器访问简书
    开启方式:设置->默认编辑器->Markdown编辑器

2.离线编辑

  • Typora客户端
    适用于MacOS、Windows、Linux各系统
  • Markdown Pad客户端
    适用于Windows系统
  • Mou客户端
    适用于Mac系统

三、Markdown基本语法

注意:所有符号均为英文输入法下的符号

1.标题


  • 六级标题
    使用#可以表示1~6级标题,1个#表示一级标题,2个#表示二级标题。以此类推。
    注意:#和标题之间最好加上空格。
    语法:

    # 这是一级标题  
    ## 这是二级标题
    ### 这是三级标题
    #### 这是四级标题
    ##### 这是五级标题
    ###### 这是六级标题
    

    显示效果:

    这是一级标题

    这是二级标题

    这是三级标题

    这是四级标题

    这是五级标题
    这是六级标题
  • 大小标题
    ≥3个=可以表示一级标题, ≥3个-可以表示二级标题。
    语法:

    这是一级标题
    ===
    这是二级标题
    ---
    

    显示效果:

这是一级标题

这是二级标题

2.段落格式


  • 字体
    Markdown 可以使用以下几种字体:使用*表示斜体文本,**表示粗体文本,***表示粗斜体文本。
    语法:
    *斜体文本*
    **粗体文本**
    ***粗斜体文本***
    
    显示效果:
    斜体文本
    粗体文本
    粗斜体文本
  • 分隔线
    可以用三个或三个以上*或-或_表示分隔线,也可以在星号或者减号、下划线之间插入空格。
    语法:
    ***
    ---
    ___
    
    显示效果:


  • 删除线
    如果文字需要加上删除线,可以在文字两端各自加两个波浪线~~实现。
    语法:
    ~~删除文本~~
    
    显示效果:
    删除文本
  • 下划线
    如果文字需要加下划线,可以用<u>实现。目前简书不支持此语法。
    语法:
    <u>带下划线文本</u>
    
    简书暂不支持下划线,此处不展示效果。

3.列表


Markdown 支持有序列表和无序列表。

  • 有序列表
    有序列表用数字加.表示。
    语法:

    1.第一项
    2.第二项
    3.第三项
    

    显示效果:

    1.第一项

    2.第二项

    3.第三项

  • 无序列表
    无序列表用*或+或-表示
    语法:

    * 第一项
    - 第二项
    _ 第三项
    

    显示效果:

    • 第一项
    • 第二项
    • 第三项
  • 列表嵌套
    在一级列表中嵌套二级列表元素时,需要在嵌套的二级列表之前加四个空格。
    语法:
    1.第一项
        * 第一项嵌套的第一个二级列表
        * 第一项嵌套的第二个二级列表
    * 第二项  
        1.第二项嵌套的第一个二级列表元素
        2.第二项嵌套的第二个二级列表元素
    
    显示效果:
    1.第一项
    • 第一项嵌套的第一个二级列表

    • 第一项嵌套的第二个二级列表

    • 第二项
      1.第二项嵌套的第一个二级列表元素
      2.第二项嵌套的第二个二级列表元素

4.区块引用

  • 引用
    段落开头使用 > 符号加一个空格。
    语法:

    > 引用文字
    

    显示效果:

    引用文字

  • 区块嵌套
    区块可以嵌套,一个>是最外层,两个>是第一层嵌套,以此类推。
    语法:

    > 最外层
    >> 第一层嵌套
    >>> 第二层嵌套
    

    显示效果:

    最外层

    第一层嵌套

    第二层嵌套

  • 区块中使用列表
    在区块中直接使用列表即可。
    语法:

    > 1.第一项
    > * 第二项
    

    显示效果:

    1.第一项

    • 第二项
  • 列表中使用区块
    在列表中使用区块时,需要在>加空格前面加上四个空格。
    语法:

    1.第一项
        >引用文本
    2.第二项
    

    显示效果:

    1.第一项

    引用文本

    2.第二项

5.链接

  • 链接使用方法:
    语法:

    [必应](https://cn.bing.com/)
    或者
    <https://cn.bing.com/>
    

    显示效果:
    必应
    或者
    https://cn.bing.com/

  • 高级链接
    可以用变量来设置链接,在文档最后进行赋值。
    语法:

      这个链接用 1 作为网址变量 [Bing][1]
      这个链接用 jianshu 作为网址变量 [简书][jianshu]
      然后在文档的结尾为变量赋值(网址)
      ​
       [1]: https://cn.bing.com/
       [jianshu]: https://www.jianshu.com/
    

    显示效果:( 如下为简书显示结果)
    这个链接用 1 作为网址变量 Bing
    这个链接用 jianshu 作为网址变量 简书
    然后在文档的结尾为变量赋值(网址)

6.图片

  • 图片使用方法:
    插入图片与链接方法相似,需要在前面加一个!,表示为:!加[图片替代文字]加(图片网址)。
    语法:
![简书Logo](https://upload-images.jianshu.io/upload_images/24804176-586f83674e86ebe5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

显示效果:


简书Logo
  • 高级图片
    插入图片与链接方法相似,都可以用变量赋值图片网址。
    语法:
    这个链接用 1 作为网址变量 [Can't Breath][1].
    然后在文档的结尾为变量赋值(网址)
    
    [1]:https://images.pexels.com/photos/4677668/pexels-photo-4677668.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500
    
    显示效果:
    这个链接用 1 作为网址变量 Can't Breath.
    然后在文档的结尾为变量赋值(网址)
    1:https://images.pexels.com/photos/4677668/pexels-photo-4677668.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500
  • 修改图片尺寸
    可以使用Html的<img>标签自定义图片的尺寸。
    语法:
    <img src="htt://example.com/sample.png" width="500" height="350">
    示例:
    <img src="https://images.pexels.com/photos/4677668/pexels-photo-4677668.jpeg" width="500" height="350">
    
    简书暂不支持自定义图片尺寸,此处不展示效果。

7.代码

  • 段落内代码
    段落内代码可以用反引号`表示。也可用其进行高亮显示。
    语法:
    `hello world`
    
    显示效果:
    hello world
  • 代码区块
    代码前使用四个空格或者制表符Tab。
    语法:
        hello world
      hello world
    
    显示效果:
    hello world
    hello world
  • 一段代码
    可以用三个反引号```包裹一段代码。
    显示效果:
    代码段
    

8.表格

表格使用|分隔不同的单元格,-分隔表头和其他行。
表格中用冒号设置对齐方式,:---用来设置单元格左对齐,---:表示右对齐,:---:则为居中对齐。
语法:

|表头1|表头2|表头3|
|:---|:---:|---:|
|A1单元格|B1|C1|
|A2|B2|C2|

显示效果:

表头1 表头2 表头3
A1单元格 B1单元格 C1单元格
A2单元格 B2单元格 C2单元格

四、语法总结

Markdown基础语法总结:

功能 语法 输出结果 备注
标题 #*N N级标题 N级标题 #和标题之间最好加上一个空格
斜体 * 斜体文本
粗体 ** 粗体文本
粗斜体 *** 粗斜体文本
删除线 ~~ 删除文本
下划线 <u> <u>带下划线文本</u> 简书不支持
有序列表 1.第一项 1.第一项
无序列表 - 第一项 * 第一项 表格不支持,文本中可实现
区块引用 > > 引用文本 表格不支持,文本中可实现
链接 []括号 链接名称
图片 []括号
行内代码 ` 代码 英文状态点击Esc键即可输入反引号
代码块 ``` 代码段
表格 竖线和- 参见上表
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,245评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,749评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,960评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,575评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,668评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,670评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,664评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,422评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,864评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,178评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,340评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,015评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,646评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,265评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,494评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,261评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,206评论 2 352

推荐阅读更多精彩内容