markdown语法十步学习图文并茂

别问我为什么？稀里糊涂markdown语法就火了，到处都在用它，文件名后缀.md。目的：是使人专注于文字本身而不是排版和语法，好多代码README都开始用这个语法了，毕竟大家都在用可以一体验，十步大法如下：

正文：

1、标题的几种写法：

第一种：

前面带#号，后面带文字，分别表示h1-h6,上图可以看出，只到h6，而且h1下面会有一条横线，注意，#号后面有空格

第二种：

这种方式好像只能表示一级和二级标题，而且=和-的数量没有限制，只要大于一个就行

第三种：

这里的标题支持h1-h6，为了减少篇幅，我就偷个懒，只写前面二个，这个比较好理解，相当于标签闭合，注意，标题与#号要有空格

那既然3种都可以使用，可不可以混合使用呢？我试了一下，是可以的，但是为了让页面标签的统一性，不建议混合使用，推荐使用第一种，比较简洁，全面

为了搞清楚原理，我特意在网上搜一下在线编写markdown的工具，发现实际上是把这些标签最后转化为html标签，如图：

在线地址请看这里： markdown在线编辑（只是想看看背后的转换原理，没有广告之嫌）

2、列表

我们都知道，列表分为有序列表和无序列表，下面直接展示2种列表的写法：

可以看到，无序列表可以用* ， + ， — 来创建，用在线编辑器看，实际上是转换成了ul>li ，所以使用哪个都可以，推荐使用*吧

有序列表就相对简单一点，只有这一种方式，注意，数字后面的点只能是英文的点，特别注意，有序列表的序号是根据第一行列表的数字顺序来的，比如说：

第一组本来是3 2 1 倒序，但是现实3 4 5 ，后面一组序号是乱的，但是还是显示 3 4 5 ，这点必须注意了

3、区块引用

比如说，你想对某个部分做的内容做一些说明或者引用某某的话等，可以用这个语句

无序列表下方的便是引用，可以有多种用途，看你的需求了，用法就是在语句前面加一个 > ，注意是英文的那个右尖括号，注意空格

引用因为是一个区块，理论上是应该什么内容都可以放，比如说：标题，列表，引用等等，看看下图：

将上面的代码稍微改一下，全部加上引用标签，就变成了一个大的引用，还有引用里面还有引用，那引用嵌套引用还没有别的写法呢？

上图可以看出，想要在上一次引用中嵌套一层引用，只需多加一个>，理论上可以无限嵌套，我就不整那么多了，注意：多层嵌套的>是不需要连续在一起的，只要在一行就可以了，中间允许有空格，但是为了好看，还是把排版搞好吧

4、华丽的分割线

分割线可以由* - _（星号，减号，底线）这3个符号的至少3个符号表示，注意至少要3个，且不需要连续，有空格也可以

应该看得懂吧，但是为了代码的排版好看，你们自己定规则吧，前面有用到星号，建议用减号

5、链接

支持2种链接方式：行内式和参数式，不管是哪一种，链接文字都是用 [方括号] 来标记。

上图可知，行内式的链接格式是：链接的文字放在[]中，链接地址放在随后的（）中，举一反三，经常出现的列表链接就应该这样写：

链接还可以带title属性，好像也只能带title，带不了其他属性，注意，是链接地址后面空一格，然后用引号引起来

这是行内式的写法，参数式的怎么写：

这就好理解了，就是把链接当成参数，适合多出使用相同链接的场景，注意参数的对应关系，参数定义时，这3种写法都可以：

[foo]: http://example.com/ "Optional Title Here"

[foo]: http://example.com/ 'Optional Title Here'

[foo]: http://example.com/ (Optional Title Here)

还支持这种写法，如果你不想混淆的话：

[foo]: <http://example.com/> "Optional Title Here"

其实还有一种隐式链接的写法，但是我觉得那种写法不直观，所以就不写了，经常用的一般就上面2种，如果你想了解隐式链接，可以看我文章最后放出的参考地址

6、图片

图片也有2种方式：行内式和参数式，

用法跟链接的基本一样，唯一的不同就是，图片前面要写一个！（这是必须的），没什么好说的

7、代码框

这个就比较重要了，很多时候都需要展示出一些代码

如果代码量比较少，只有单行的话，可以用单反引号包起来，如下：

要是多行这个就不行了，多行可以用这个：

多行用三个反引号，如果要写注释，可以在反引号后面写

8、表格

这个写的有点麻烦，注意看

从这3种不同写法看，表格的格式不一定要对的非常起，但是为了好看，对齐肯定是最好的，第一种的分割线后面的冒号表示对齐方式，写在左边表示左对齐，右边为右对齐，两边都写表示居中，还是有点意思的，不过现实出来的结果是，表格外面并没有线框包起来，不知道别人的怎么弄的

9、强调

一个星号或者是一个下划线包起来，会转换为<em>倾斜，如果是2个，会转换为<strong>加粗

10、转义

就不一一列举了，基本上跟js转义是一样的

11、删除线

markdown语法十步学习图文并茂相关推荐

提高学习效率方法论：十步学习法—John Z. Sonmez
提高学习效率方法论:十步学习法-John Z. Sonmez 0.前言: 本文是阅读<软技能:代码之外的生存指南>的部分阅读笔记,书中讲到了一个十步学习法,我觉得挺有参考意义的,瞬间分享欲 ...
两分钟速览“十步学习法”
十步学习法大体分两个部分第一部分是第1-6步要求一次性完成后半部分要求循环进行直到完成目标第一步:了解大局知道要学的大概内容 *方法:1 .游览相关书籍目录和大标题 2 .Go ...
快速学习一门新技术的工作原理（十步学习法来自软技能）
快速学习一门新技术的工作原理 ●如何开始--要想开始使用自己所学的,我需要掌握哪些基本知识? ●学科范围--我现在学的东西有多宏大?我应该怎么做?在开始阶段,我不需要了解每个细节,但是如果我能对该学科 ...
十步学习法（内容摘要）
概述为了掌握一门技术,我需要了解一下三个要点: 如何开始 -- 要想开始使用自己所学的,我需要掌握哪些基本知识? 学科范围 -- 我现在学的东西有多宏大?在开始阶段,我不需要了解每个细节,但是如果我 ...
【程序员必备软技能】之十步学习法
文章目录 1. 如何自学 2. 体系背后的逻辑 2.1 如何掌握一门技术 2.2 基本思想 3. 第 1 步到第 6 步:这些步骤只做一次 3.1 第1步,了解全局 3.2 第2步:确定范围 3.3 ...
“十步学习法”，如何快速掌握一门技能，如何快速学习新技术
文章目录前言: 1. 十步学习法总览 2. 十步学习法:前期调研(第1-6步:只做一次) 第1步:了解全局第2步:确定范围第3步:定义目标第4步:寻找资源第5步:创建学习计划第6步:筛选资 ...
如何快速学习一项技能-十步学习法
这是我从<软技能>这本书学来的,学的时候做的笔记,现在发出来,供大家学习,当然<软技能>这本书里还有很多其他值得学习的知识,比如理财.健身.工作.恋爱.作为博学多才的我,我都对 ...
学习方法:十步学习法
1. 了解全局在这一步,你要做的就是了解自己将要学习的主题的全局.这个主题宏观上什么样?你能从中学到足够丰富的知识以了解自己所不知道的吗?以及自己所不知道的有多少? 你对你不知道的一无所知 2. 确 ...
十步学习 Redis 分布式锁
文章目录 1. 单机版没有加锁 2. 单机版加锁 3. 引入 Redis 分布式锁 4. 加锁解锁,lock/unlock 必须同时出现并保证调用 5. 加入锁过期时间 6. 加锁且携带锁过期时间 ...

markdown语法十步学习图文并茂

markdown语法十步学习图文并茂相关推荐

最新文章

热门文章

markdown语法十步学习 图文并茂

markdown语法十步学习 图文并茂相关推荐

最新文章

热门文章

markdown语法十步学习图文并茂

markdown语法十步学习图文并茂相关推荐