语法详尽笔记大全,开发工具总结

2019-10-06 11:54 来源:未知
【前言】写过博客或者github上面的文档的,应该知道Markdown语法的重要性,不知道的朋友们也别着急,一篇博客轻松搞定Markdown语法。话说这个语法超级简单,一看就会,不信你点开看看。


目录

<h2 id = "index_1">1- 斜体和粗体</h2>

一、快捷键

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

  •  0.介绍

  •  1.快捷键

  •  2.基本语法

    •  2.1 分级标题 #

      • 写法1 #
      • 写法2 上下文标题
    •  2.2 字体设置斜体、粗体、删除线 _*~

    •  2.3 分割线 --- 或 ***

    •  2.4 引用 >

      • 示例:
    •  2.5 列表

      • 无序列表 *,+,-
      • 有序列表
      • 列表的嵌套
      • 定义型列表
      • 列表的注意事项
    •  2.6 表格

      • 标准写法
      • 简约写法
      • 特殊写法
    •  2.7 超链接

      • 图片链接 ![描述]
      • 链接
    •  2.8 代码块

      • 单行代码
      • 代码块
      • 自定义语法
  •  3.常用技巧

    •  3.1 换行与缩进

      • 换行 <br />
      • 缩进字符
    •  3.2 字体、字号 与 颜色

      • 背景色
    •  3.3 内嵌 HTML 语句

      • HTML 中的语义标签
      • 格式化文本 <pre></pre>
      • 支持内嵌CSS样式
    •  3.4 特殊字符

      • Markdown 中的语法符号
      • 其他特殊字符
    •  3.5 内容目录 和 锚点

      • 内容目录 [TOC]
      • 锚点
    •  3.6 emoji表情符号

      • 平台支持性
      • 示例
  •  4. 高端用法

    •  4.1 脚注 与 Latex数学公式

      • 注脚 [^注脚名]
      • Latex数学公式 $
    •  4.2 任务列表

      • 语法格式
    •  4.3 流程图

      • 语法格式:
      • 定义参数
      • 连接参数
    •  4.4 时序图

      • 语法格式
    •  4.5 甘特图

      • 语法格式
  •  5. Markdown工具

  •  本文参考文章

代码:

二、基本语法

(一)对字体设置斜体、粗体、删除线,语法如下:
*这里是文字*
_这里是文字_
**这里是文字**
***这里是文字***
~~这里是文字~~
(二)分级标题,两种写法,如下所示:

Fuck me in Gitee
Fuck me in Github

    *斜体*或_斜体_
    **粗体**
    ***加粗斜体***
    ~~删除线~~
写法1:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题  这个写法和 **文字**效果是一样的

 0.介绍

显示效果:
这是一段斜体
这是一段粗体
这是一段加粗斜体
这是一段删除线

写法2:
这是一个一级标题
============================

或者

二级标题
--------------------------------------------------
(三)链接

  Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。


(1)插入本地图片链接

语法规则,有两种写法:

插入本地图片链接两种写法

注意:这个图片描述可以不写。

示例图如下:

 1.快捷键

2- 分级标题

第一种写法:

这是一个一级标题
============================

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

第二种写法:

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

(2)插入互联网上图片

语法规则:

插入互联网上图片语法规则

注意:这个图片描述可以不写。

示例如下:

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

3- 超链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式,行内式一般使用较多。

(3)自动连接

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。也可以直接写,也是可以显示成链接形式的

例如:

(四)分割线

你可以在一行中用三个以上的星号(*)、减号(-)、底线(_)来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。

(五)代码块

对于程序员来说这个功能是必不可少的,插入程序代码的方式有两种,一种是利用缩进(tab), 另一种是利用英文“`”符号(一般在ESC键下方,和~同一个键)包裹代码。

 2.基本语法

3-1- 行内式

语法说明:

[ ] 里写链接文字,( )里写链接地址, ( )中的""中可以为链接指定 title 属性,title 属性可加可不加。

title 属性的效果是鼠标悬停在链接上会出现指定的 title文字。[ 链接文字 ]( 链接地址 "链接标题" )这样的形式。链接地址与链接标题前有一个空格。

代码:

欢迎访问 [卖姑娘的小火柴](https://gfigure.github.io/)

欢迎访问 [卖姑娘的小火柴](https://gfigure.github.io/ "卖姑娘的小火柴")

显示效果:

欢迎访问 卖姑娘的小火柴

欢迎访问 卖姑娘的小火柴


(1)代码块:缩进 4 个空格或是 1 个制表符。效果如下:
#include <stdio.h>
int main(void)
{
    printf("Hello worldn");
}

 2.1 分级标题 #

3-2- 参考式

参考式超链接一般用在学术论文上面,或者另一种情况,如果某一个链接在文章中多处使用,那么使用引用 的方式创建链接将非常好,它可以让你对链接进行统一的管理。

语法说明:

参考式链接分为两部分,文中的写法 [链接文字][链接标记],在文本的任意位置添加[链接标记]:链接地址 “链接标题”,链接地址与链接标题前有一个空格。

如果链接文字本身可以做为链接标记,你也可以写成[链接文字][]
[链接文字]:链接地址的形式,见代码的最后一行。

代码:

友情链接:[Google][1]、[知乎][2] 以及 [卖姑娘的小火柴][3]

[知乎网站][2] :与世界分享你的知识、经验和见解

[点击][]开始分享

[1]:http://www.google.com "Google"
[2]:https://www.zhihu.com/ "知乎"
[3]:https://gfigure.github.io/ "梵居闹市"
[点击]:https://www.zhihu.com/people/geng-dong-fei/activities

显示效果:

友情链接:Google、知乎 以及 卖姑娘的小火柴

知乎网站 :与世界分享你的知识、经验和见解

点击 开始分享


(2)行内式:如果在一个行内需要引用代码,只要用反引号`引起来就好(Esc健)
  • 一般 # 作为文章大标题,只有一个,### 作为段落标题。

3-3- 自动链接

语法说明:

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样,例如:

代码:

<http://example.com/>

<address@example.com>

显示效果:

http://example.com/

address@example.com


(3)多行代码块与语法高亮:在需要高亮的代码块的前一行及后一行使用三个单反引号“`”包裹,就可以了。

示例如下:

写法1 #

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

4- 锚点

网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中的跳转。比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。还有下一节的注脚。这些根本上都是用锚点来实现的。

注意:
Markdown 似乎不支持锚点,但是可以通过插入HTML实现锚点。

语法描述:

使用 h1 / h2 ( # 个数对应相应级别的 HTML 样式标题),且使用 id 属性命名锚。<h1 id="锚点名称"> 锚点 </h1> ,链接至标题 [ 标题 ](# 锚点名称 )
使用 a 标签: <a name="锚点名称"> 标题 </a>,链接至标题<a href="锚点名称"> 锚点 </a>

代码:

<h1 id = "目录">0. 目录</h1>

跳转到[目录](#目录)


## <a name="index_1"> 1. 斜体和粗体 </a>

<a href="#index_1"> 跳转到 1. 斜体和粗体 </a>

显示效果:

跳转到 1 - 斜体和粗体

注意 a 标签它具有自身的样式,在这里就不示范了。


(4)代码块里面包含html代码

在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制贴上,剩下的 Markdown 都会帮你处理。

注意:简书代码块里不支持html。

示例如下:

(六)引用

在被引用的文本前加上>符号,以及一个空格就可以了,如果只输入了一个>符号会产生一个空白的引用。

写法2 上下文标题

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

注意:###### 六级标题 和 **文字** 效果是一样的

 2.2 字体设置斜体、粗体、删除线 _*~

代码 显示结果
正常文字 正常文字
*文字倾斜* 文字倾斜
_文字倾斜_ 文字倾斜
**文字加粗** 文字加粗
***文字倾斜加粗*** 文字倾斜加粗
~~文字下划线~~ 文字下划线

注意不能有空格

 2.3 分割线 --- 或 ***

  • 三个或者三个以上的 - 或者 * 都可以。
-------********

 2.4 引用 >

  • 在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
>这是引用的内容>>这是引用的内容>>>>>>>>>>这是引用的内容

5- 列表

(1)基本使用

使用如下图所示:

引用的使用示范

示例:

这是引用的内容

这是引用的内容

这是引用的内容

 2.5 列表

5-1- 无序列表

使用 *,+,- 表示无序列表。

代码:

- 无序列表项 一
- 无序列表项 二
- 无序列表项 三

显示效果:

  • 无序列表项 一
  • 无序列表项 二
  • 无序列表项 三

(2)引用的嵌套使用

使用如图所示:

引用嵌套

无序列表 *,+,-

  • 使用 *,+,- 表示无序列表。
    注意:符号后面一定要有一个空格,起到缩进的作用。
- 无序列表内容+ 无序列表内容* 无序列表内容

5-2- 有序列表

有序列表则使用数字接着一个英文句点。

代码:

1. 有序列表项 一
2. 有序列表项 二
3. 有序列表项 三

显示效果:

  1. 有序列表项 一
  2. 有序列表项 二
  3. 有序列表项 三

(3)引用其它要素

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等。

使用如图所示:

引用里面使用其他元素

(七)列表

示例

  • 无序列表内容
  • 无序列表内容
  • 无序列表内容

6- 引用

语法说明:

引用需要在被引用的文本前加上 > 符号。

代码:

> 这是一个有两段文字的引用,
> 无意义的占行文字1.
> 无意义的占行文字2.
> 
> 无意义的占行文字3.
> 无意义的占行文字4.

显示效果:

这是一个有两段文字的引用,
无意义的占行文字1.
无意义的占行文字2.

无意义的占行文字3.
无意义的占行文字4.


(1)无序列表

使用 *,+,- 表示无序列表。
注意:符号后面一定要有一个空格,起到缩进的作用。

无序列表

有序列表

  • 使用数字和一个英文句点表示有序列表。
    注意:英文句点后面一定要有一个空格,起到缩进的作用。
1.有序列表内容 2.有序列表内容3.有序列表内容

6-1- 引用的多层嵌套

区块引用可以嵌套(例如:引用内的引用),只要根据层次加上不同数量的 > :

代码:

>>> 请问 Markdwon 怎么用? - 小白
>> 自己看教程! - 愤青
> 教程在哪? - 小白

显示效果:

请问 Markdwon 怎么用? - 小白
自己看教程! - 愤青
教程在哪? - 小白


(2)有序列表

使用数字和一个英文句点表示有序列表。
注意:英文句点后面一定要有一个空格,起到缩进的作用。

有序列表

列表的嵌套

  • 上一级和下一级之间敲三个空格即可,或一个tab
- 列表的嵌套    - 上一级和下一级之间敲三个空格即可

7- 插入图像

图片的创建方式与超链接相似,而且和超链接一样也有两种写法,行内式和参考式写法。

(3)无序列表和有序列表同时使用

示例

  • 列表的嵌套
    • 上一级和下一级之间敲三个空格即可

7-1- 行内式

语法说明:

![图片Alt](图片地址 “图片Title”)
语法中图片Alt的意思是如果图片因为某些原因不能显示,就用定义的图片Alt文字来代替图片。 图片Title则和链接中的Title一样,表示鼠标悬停与图片上时出现的文字。 Alt 和 Title 都不是必须的,可以省略,但建议写上。

代码:

卖姑娘的小火柴 :

![卖姑娘的小火柴](http://oqiflua2i.bkt.clouddn.com/avatar.png "卖姑娘的小火柴")

显示效果:

卖姑娘的小火柴 :

图片 1

卖姑娘的小火柴

(4)列表和其它要素混合使用

列表不光可以单独使用,也可以使用其他的 Markdown 语法,包括标题、引用、代码区块等。

注意事项:
(1)加粗效果不能直接用于列表标题里面,但是可以嵌套在列表里面混合使用。
(2)列表中包含代码块(前面加2个tab或者8个空格,并且需要空一行,否则不显示)。

使用示例如下图:

定义型列表

语法格式:事物:   事物的定义

Markdown :   轻量级文本标记语言,可以转换成html,pdf等格式  //  开头一个`:` + `Tab` 或 四个空格代码块定义:   代码块定义……        var a = 10;         // 保持空一行与 递进缩进

7-2- 参考式

语法说明:

在文档要插入图片的地方写 ! [ 图片Alt ] [ 标记]

在文档的最后写上 [ 标记 ] : 图片地址 “Title”

代码:

卖姑娘的小火柴 :
![卖姑娘的小火柴][flower]
[flower]:http://oqiflua2i.bkt.clouddn.com/avatar.png   "卖姑娘的小火柴"

显示效果:

卖姑娘的小火柴 :

图片 2

卖姑娘的小火柴

(5)注意事项

在使用列表时,只要是数字后面加上英文的点,就会无意间产生列表,比如2017.12.30 这时候想表达的是日期,有些软件把它被误认为是列表。解决方式:在每个点前面加上就可以了。如下图所示:

(八)表格

表格的基本写法很简单,就跟表格的形状很相似:

表格的基本使用

表格对齐方式:我们可以指定表格单元格的对齐方式,冒号在左边表示左对齐,右边表示有对齐,两边都有表示居中。

如下图所示:

表格对齐


示例

Markdown
: 轻量级文本标记语言,可以转换成html,pdf等格式 // 开头一个: + Tab 或 四个空格

代码块定义
: 代码块定义……

    var a = 10;         // 保持空一行与 递进缩进

8- 表格

语法说明:

不管是哪种方式,第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行。

列于列之间用管道符|隔开。原生方式的表格每一行的两边也要有管道符。

第二行还可以为不同的列指定对齐方向。默认为左对齐,在-右边加上:就右对齐。

代码:

简单方式写表格:

学号|姓名|分数
-|-|-
小明|男|75
小红|女|79
小陆|男|92

原生方式写表格:

|学号|姓名|分数|
|-|-|-|
|小明|男|75|
|小红|女|79|
|小陆|男|92|

显示效果:
简单方式写表格:

学号 姓名 分数
小明 75
小红 79
小陆 92

原生方式写表格:

学号 姓名 分数
小明 75
小红 79
小陆 92
TAG标签:
版权声明:本文由金沙澳门官网4166发布于中国史,转载请注明出处:语法详尽笔记大全,开发工具总结