Markdown快速上手指南

    xiaoxiao2021-03-25  83

    因为以后更新博客要用到这个工具,这里就简单介绍一下,也算是快速上手的笔记,此笔记也是由Markdown进行编写。发现Markdown的排版还是很漂亮的,和LaTeX排版那样,但比LaTeX简单多了。

    Markdown是一种“电子邮件”风格的标记语言。

    Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

    目录:

    标题列表链接和图片引用粗体和斜体代码引用表格缩进横线反斜杠空行 段落和换行回车快捷键定义列表脚注目录数学公式UML图离线写博客浏览器兼容总结

    标题

    在Markdown中,标题在文本前面加上 # 即可。总共有六级标题,标题字号逐渐降低。

    # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 注:# 和 【标题】之间建议保留一个字符的空格,这是最标准的Markdown写法。有时候为了美观,也会在标题后面加上#号,但其实标题栏只有前面的井号起作用。

    列表

    在Markdown中,列表格式需要在文字前面加上 - 即可。例如: - 文本1 - 文本2 - 文本3

    对应生成无序列表:

    文本1文本2文本3

    如果是有序列表,在文字前面加上1. 2. 3. 就可以了。例如: 1. 文本1 2. 文本2 3. 文本3

    对应生成有序列表:

    文本1文本2文本3

    注:-,1. 和文本之间保留一个字符的空格。

    链接和图片

    在Markdown中,插入链接使用 [显示文本](链接地址) 这样的语法即可。例如:

    [我的主页](www.liurongbo.com)

    生成这样一个链接:

    我的主页

    在Markdown中,插入图片使用![](图片链接地址)这样的语法即可。例如:

    ![](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1489292441331&di=78f642cc74b74acb79e6fdecfc304c85&imgtype=0&src=http://www.jpgjpg.com/wp-content/uploads/2016/04/4-10.jpg)

    生成图片:

    注:插入图片的语法和链接的语法很像,只是前面多了一个 ! 。

    假如图片的链接中带括号怎么办?比如这张图片:

    它的链接是: http://latex.codecogs.com/gif.latex?\prod (n_{i})+1

    然后我们想会不会和语法中的括号()相覆盖? 但我这样写:

    ![](http://latex.codecogs.com/gif.latex?\prod (n_{i})+1)

    它的确生成了这张图片:

    看来是哥哥我想多了。

    引用

    当我们写东西的时候引用了他人的文字,这个时候就要用到引用的格式。在Markdown中,只要在引用的文字前面加上 > 即可。例如:

    >生活就像海洋,只有意志坚强的人才能到达彼岸。 ——致那年英语

    最终显示的就是:

    生活就像海洋,只有意志坚强的人才能到达彼岸。 ——致那年英语

    注:> 和文本之间要保留一个字符的空格。

    引用内的引用,用 > 进行嵌套就可以实现:

    第一个引用行

    第二级引用行

    回到第一个引用行

    粗体和斜体

    Markdown的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文字就是斜体的语法。例如:

    生活就像海洋,只有**意志坚强**的人才能到达彼岸。 ——*致那年英语*

    最终显示的就是:

    生活就像海洋,只有意志坚强的人才能到达彼岸。 ——致那年英语

    代码引用

    需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包含起来。如果引用的语句为多行,可以将 “` 置于这段代码的首行和末行。例如:

    单行代码引用:

    `hello world`

    显示为:

    hello world

    多段代码引用:

    “` hello world world hello hello world “`

    显示为:

    hello world world hello hello world

    注:这里的 ` 不是单引号,而是数字1左边的那个,叫什么来着。单顿号?哈哈

    另外,四个空格后面的内容会自动解析为代码。所以敲四个空格也是可以的。

    表格

    表格1: 可以使用冒号来定义对齐方式:

    |第一列 |第二列 |第三列 | |——|:—-: |—–:| |居左 |居中 |居右 | |第一列 |第二列 |第三列 | |第一列 |第二列 |第三列 |

    显示效果:

    第一列第二列第三列居左居中居右第一列第二列第三列第一列第二列第三列

    表格2:

    dog|bird|cat —-|—-|—- foo|fooo|foo bar|barr|bar baz|bazz|baz

    显示效果:

    dogbirdcatfoofooofoobarbarrbarbazbazzbaz

    这里我有点纳闷的是,为什么控制不了第一行的对齐方式?有空再找下文档进行补充。或有路过的筒靴告知下。

    缩进

    在Markdown中,缩进用: (注:英文分号也要,但这里用中文分号代替了,因为用英文分号就变成空格看不见了^_^)

    1.半方大的空白 或 ;例如:

        生活就像海洋, 只有意志坚强的人才能到达彼岸。

    显示效果为:

        活就像海洋, 只有意志坚强的人才能到达彼岸。

    2.全方大的空白 或 ;例如:

      生活就像海洋, 只用意志坚强的人才能到达彼岸。

    显示效果为:

      活就像海洋, 只有意志坚强的人才能到达彼岸。

    3.不断行的空白格 ;或 ;例如:

     ; ; ; ; ; ; ; ;生活就像海洋, 只用意志坚强的人才能到达彼岸。

    显示效果为:

            活就像海洋, 只用意志坚强的人才能到达彼岸。

    从上面可以看出:  相当于二分之一汉字大小空格  相当于一个汉字大小空格  ;相当于四分之一汉字大小的空格

    横线

    在Markdown中,三个星号或者三个减号或者三个下划线即可生成一条横隔线:

    例如:— 或者 *** 或者 ___

    然后我们就得到横线:




    或者我们可以用中文的破折号连起来: ———————————————— 但这样得到的横线实际上是破折号连起来的而已,长度需要自己控制。

    又或者用等号=及波浪~加上点 · 这种黑科技?

    ======================= ~~~~~~~~~~~~~~~~~~~~~~~ =~=~=~=~=~=~=~=~=~=~=~= ~·~·~·~·~·~·~·~·~·~·~·~·~·~·~·~·~· ~·-=~·-=~·-=~·-=~·-=~·-=~·-=~·-= 哈哈,随便试下,自己喜欢就好。

    反斜杠

    想插入特殊字符的话只需要在前面加上反斜杠 \ 即可,如*,#。本篇特殊字符的显示就是用反斜杠实现的。

    空行

    有时为了排版好看,会插入空行。 可以直接使用html标签,即< br > (这里为了显示出来在br前后各加了一个空格) 例如:

    生活就像海洋, < br >只有意志坚强的人才能到达彼岸。

    显示效果为:

    生活就像海洋, 只有意志坚强的人才能到达彼岸。

    另外 #+空格 的方法也可以插入空行。 例如:

    生活就像海洋, #+空格 只有意志坚强的人才能到达彼岸。

    显示效果为:

    生活就像海洋,

    只有意志坚强的人才能到达彼岸。

    个人感觉第二种方法的空行比第一种方法的空行要大一些。建议用第一种,毕竟html标签,易用易识别。

    段落和换行

    一个 Markdown 段落是由一个或多个连续的文本行组成,它的前后要有一个以上的空行(空行的定义是显示上看起来像是空的,便会被视为空行。比方说,若某一行只包含空格和制表符,则该行也会被视为空行)。普通段落不该用空格或制表符来缩进。

    多个空行也只解析为一个空行。

    回车

    一个回车表示换行 两个回车表示换段 多个回车没有用

    快捷键

    加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列表 Ctrl + U横线 Ctrl + R撤销 Ctrl + Z重做 Ctrl + Y

    感觉这些快捷键超实用有木有!

    定义列表

    定义列表语法: 项目1 项目2 定义A 定义B 项目3 定义C 定义D 定义D的内容

    脚注

    (注:^前面没有空格,这里加空格是为了显示)

    生成一个脚注[ ^footnote]

    显示效果为:

    生成一个脚注1. [ ^footnote]: 这里是 脚注 的 内容,blabla… 然后我们在文章的后面就能看到脚注的内容了

    目录

    用 [TOC]来生成目录。例如文章开头的目录。

    数学公式

    使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.

    行内公式,数学公式为: Γ(n)=(n1)!nN 。块级公式:

    x=b±b24ac2a

    更多LaTex语法请参考 这儿. 以前用LaTeX写过很多东西,但对于公式的编辑却极少用。LaTeX可以编写出很优美的公式。以后用到了这部分再深入一下。

    UML图

    可以渲染序列图,例如:

    “`sequence 张三->李四: 嘿,小四儿, 写博客了没? Note right of 李四: 李四愣了一下,说: 李四–>张三: 忙得吐血,哪有时间写。 “`

    显示效果为:

    Created with Raphaël 2.1.0 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

    或者流程图:

    “`flow st=>start: 开始 e=>end: 结束 op=>operation: 我的操作 cond=>condition: 确认? st->op->cond cond(yes)->e cond(no)->op “`

    显示效果为:

    Created with Raphaël 2.1.0 开始 我的操作 确认? 结束 yes no 关于 序列图 语法,参考 这儿,关于 流程图 语法,参考 这儿.

    这里只是两个简单的栗子。要想随心所用,还需要练习。不过对于复杂的图,可以先用软件绘制完成后插入图片比较方便,比如谷歌在线绘图。

    离线写博客

    即使用户在没有网络的情况下,也可以通过编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

    用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。

    博客发表后,本地缓存将被删除。 

    用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

    注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱。

    浏览器兼容

    目前,Markdown编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。IE9以下不支持IE9,10,11存在以下问题 不支持离线功能IE9不支持文件导入导出IE10不支持拖拽文件导入

    总结

    总之Markdown还是简单易用的。用来写博客也很合适,不用费很多时间在排版上面,不过功能的话还是LaTeX要强大许多。 如果想了解更多关于Markdown的语法,可以查看Markdown语法说明文档 http://wowubuntu.com/markdown/ 以后用的时候用到新的技巧再更新。



    这里是 脚注 的 内容,blabla… ↩
    转载请注明原文地址: https://ju.6miu.com/read-32562.html

    最新回复(0)