zoukankan      html  css  js  c++  java
  • Markdown语法快速入门

    前言

    我在工作中主要用到两种编写技术文档的语法,Markdown和reStructuredText,当你看到这篇文章时相信已经了解了什么是Markdown,这里就不再赘述。通过阅读本文,能够在1小时学习里快速上手书写语法。不同markdown编辑器的语法略有区别,我是在有道笔记上练习的,原因有两个:1、离线编辑器 2、语法和git差不多。但缺点也很明显,预览不如csdn编辑器做得好。如果发表博客,建议直接在csdn上写。

    本文参考了有道笔记和CSDN官方的教程:

    【简明版】有道云笔记Markdown指南

    【进阶版】有道云笔记Markdown指南

    CSDN的官方教程在打开Markdown编辑器后,点击工具栏的问号

    1 标题

    标题是每篇文章必备而且最常用的格式。

    在Markdown中,如果想将一段文字定义为标题,只需要在这段文字前面加上 #,再在 # 后加一个空格即可。还可增加二、三、四、五、六级标题,总共六级,只需要增加 # ,增加一个 # ,标题字号相应降低一级。如图:

    clipboard

    扩展知识:也可使用使用= 和 -,标记一级和二级 标题,如下图所示。但使用#已经能够实现多标题,因此这里不做推荐。

    clipboard

    2 列表

    列表格式也很常用,它可以让你的文稿变得井井有条。在 Markdown 中,你只需要在文字前面加上 - 就可以了(使用+符号也可以);如果你希望是有序列表,在文字前面加上 1. 2. 3. 即可。

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

    clipboard

    3 引用

    如果你需要在文稿中引用一段别处的句子,那么就要用到「引用」格式。

    在引用文字前加上 > 并与文字保留一个字符的空格,即可。

    clipboard

    还可使用多个嵌套引用,例如:

    clipboard

    4 文本强调

    主要包括删除线、下划线、斜体、加粗、标记,直接上效果:

    clipboard

    对于需要上色的部分,通过添加标签 font color 来实现,例如:

    clipboard

    5 链接与图片

    链接:在 Markdown 中,插入链接只需要使用 [显示文本](链接地址) 即可。

    图片:在 Markdown 中,插入图片只需要使用 ![显示文本](图片链接地址)即可。

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

    clipboard

    6 分割线

    分割线的语法只需要另起一行,连续输入三个及以上的星号 *** 即可分割两段文字内容。

    如图:

    clipboard

    注: 也可永 - 和 _来实现

    7 表格

    当你需要在Markdown文稿中键入表格,代码如下:

    clipboard

    示例参考:

    2-6-7

    如上7大格式是写作文稿时最常使用的。

    8 代码块

    有两种方法:

    1)代码区块的建立是在每行加上4个空格或者一个制表符。

    2)使用 ``` 区分代码块

    clipboard

    9 段落相关

    段落的前后要有空行,所谓的空行是指没有文字内容。若想在段内强制换行的方式是使用两个以上空格加上回车。例如:

    clipboard

    如果想在段落前空格,可以使用  来实现。

    clipboard

    10 转义符

    markdown的特殊符号主要有以下字符

    反斜线

    ` 反引号 * 星号 _ 底线 {} 花括号 [] 方括号 () 括弧 # 井字号 + 加号 - 减号 . 英文句点 ! 惊叹号

    如果要对特殊符号转义为普通符号,可以使用 来实现。例如:

    clipboard

    11 标签

    使用 `` 来标记一个标签,例如:

    clipboard

    12 自动生成目录

    在需要生成目录的位置输入 [TOC] ,例如:

    clipboard

    13 待办和清单

    待办事项和清单在日常工作、生活中经常被使用。

    在Markdown中,你只需要在待办的事项文本或者清单文本前加上- [ ]、- [x]即可。

    - [ ] 表示未完成,- [x] 表示已完成。

    注:键入字符与字符之间都要保留一个字符的空格。

    具体呈现如下:

    8b项1

    14、数学公式

    不同的markdown编辑器对数学公式的支持不同,下面这个是通用的

    clipboard

    15 流程图

    在Markdown中,一段流程图语法以 ```开头,以```结尾。

    在```后另起一行,书写graph XX,用以确定将要绘制的流程图及其类型(XX表示流程图类型)。

    流程图分为竖向和横向两大类,竖向包括自上而下和自下而上两种顺序,横向包括从右到左和从左到右两种顺序。

    其对应语法分别为:graph TB/graph BT/graph RL/graph LR。

    • TB - top bottom(自上而下)
    • BT - bottom top(自下而上)
    • RL - right left(从右到左)
    • LR - left right(从左到右)

    简单示例如图:

    clipboard

    clipboard

    3

    4

    来学习一个具体案例:

    8b图1

    仔细研究上述案例,会发现,我们可以通过调整语法来调整流程图的框线、连接线,不同条件能导向不同结果。

    ①对框线形状的调整,如,

    ②对箭头的调整,如,

    只要充分掌握该语法,再复杂的流程图也完全能用Markdown书写!

    更详细的流程图语法,可参见:https://mermaidjs.github.io/

    16 甘特图

    我们在工作中用甘特图作计划进度表、项目进度表再合适不过了。

    以如下甘特图为例说明

    甘1

    与流程图一样,Markdown中,甘特图的语法也是以```开头,以```结尾。

    在```后另起一行,书写 gantt ,用以确定将要绘制的是甘特图。

    标题的书写语法如下:

    甘2

    dateFormat YYYY-MM-DD规定了时间轴,title (标题文本)表示甘特图标题。

    如需按项目进行划分,需键入section,空一个字符,再输入项目名称的文本(一个section和另一个section之间要空行)。

    每个大项目将拆解为若干个小任务,只需在section之后另起一行,直接输入小项目名称即可。

    更详细的甘特图语法,参见:https://mermaidjs.github.io/

    注:对于CSDN编辑器,需要在首行指明使用的语法 ```mermaid ,其他一致

  • 相关阅读:
    比较字符串
    angular 兼容ie7 bootstrap2兼容ie6
    angular $watch
    CSS超过指定的宽度加省略号
    出去html中的标签
    andriod自定义视图
    andriod创建用户界面(1)
    安卓Activity生命周期(转)
    迷你版mvc框架执行过程
    【03月04日】A股滚动市盈率PE历史新低排名
  • 原文地址:https://www.cnblogs.com/realjimmy/p/13060056.html
Copyright © 2011-2022 走看看