markdown学习笔记(菜鸟教程)

一 标题

markdown有两种标题格式

1、使用=和-标记一级和二级标题

=和-标记语法格式如下

我展示的是一级标题

我展示的是二级标题

好像这两个符号只要有一个就有用,但可能是为了美观,就正好跟文字平行

2、使用#号标记

使用#号可标记1-6级标题,一级标题对应一个#号,二级两个,以此类推

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

####### 七个就不算了

二 markdown段落格式

2.1 换行,空行,段落

markdown段落没有特殊的格式,直接编写文字就好,段落的换行是使用两个以上的空格加上回车

这是第一段 (其实这里是加了两个空格的,可是使用印象笔记的这个markdown编辑器好像不需要加空格,直接回车就行,但是其他的markdown编辑器可能有需要两个空格加回车或者空一行才能实现换行的。小书匠也不需要)
这是第二段
下图是我找的一篇文章里的图片,写的很详细

2.2 字体

markdown可以使用以下几种字体

斜体文字
斜体文字

粗体文字
粗体文字

粗斜体文字
粗斜体文字

2.3 分割线

可以在一行中用三个以上的星号,减号,底线来建立一个分割线,行内不能有其他东西,也可以在星号或减号间插入空格,演示

2.3.1 三个星号


2.3.2 三个星号,中间加空格


2.3.3 六个星号


2.3.4 三个减号


2.3.5 三个减号,中间加空格


2.3.6 三个底号,就是英文的下划线


2.3.7 三个底号,中间加空格


2.4 删除线

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线~~即可

没有的
有的

文字多一点,没有的
文字多一点,有的

2.5 下划线

下划线可以通过html的标签来实现,在这个编辑器里好像不显示
带下划线的文本

2.6 脚注

脚注是对文本的补充说明,在需要添加脚注的文字后加上脚注名[^注脚名]。然后在文本的任意位置(一般是在最后)添加脚注。markdown脚注的格式如下:
[^要注明的文本]
实例演示:
使用markdown[1]可以效率的书写文本,直接转换成HTML[2],你可以使用小书匠编辑器[3]进行书写。

三 markdown列表

markdown支持有序列表和无序列表

3.1无序列表

无序列表使用星号,加号或是减号作为列表标记,这些标记后面要添加一个空格,然后再填写内容

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项

3.2 有序列表

有序列表使用数字,并加上.来表示,需要加空格

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

但其实前面的数字是几并不重要,只要是数字就行

  1. 这是数字1
  2. 这还是数字1
  3. 这是数字1000
  4. 但是排序上还是1234
  5. 并不影响

3.3 列表嵌套

列表嵌套只需在子列表的选项前面添加四个空格即可

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

四 markdown区块

markdown区块引用是在段落开头使用”>“符号,然后后面紧跟一个空格

markdown区块
印象笔记
菜鸟教程学的

区块嵌套,一个>是在最外层,两个是第一层,以此类推

套娃开始

第一层套娃

第二层套娃

3

4

5

6

7

不玩了,就这个意思

区块中显示列表,就是在列表前面加上>这个符号

区块中显示列表

  1. 第一项
  1. 111
  2. 222
  1. 第二项
  • 第一项
  • 第二项
  • 第三项

列表中使用区块,就更简单了,不过也跟列表的嵌套一样,需要在前面加四个空格

  • 第一项

    菜鸟教程
    学的不仅是技术更是梦想

  • 第二项

五 代码

markdown中显示代码有三种方式

5.1 单个代码或者函数

用两个反引号包起来
print 函数 print

5.2 代码区块使用四个空格或者一个制表符

<?php
echo 'RUNOOB';
function test() {
    echo  'test'
}

5.3 也可以使用```来包裹一段代码,并指定一种语言(也可以不指定)

$(document).ready(function() {
     alert('RUNOOB');
});

六 markdown链接

链接语法

链接名称
或者
<链接地址>

实例:

这是一个链接菜鸟教程

这也是一个链接https://www.runoob.com

高级链接

也可以通过变量来设置一个链接,变量赋值再文档末尾进行:

这个链接用1作为网址变量百度
链接链接用baidu作为网址变量百度
然后在文档末尾为变量赋值(网址)

七 markdown图片

图片格式如下(这里为了方便显示,在!后边添加了一个空格,实际不需要):
! alt 属性文本
! alt 属性文本

  • 开头一个感叹号!
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面方式图片的地址,最后还可以用引号包住并加上选择性的title属性的文字

使用实例:
RUNOOB 图标

RUNOOB 图标

也可以使用变量

这个链接用 1 作为网址变量 RUNOOB.
然后在文档的结尾为变量赋值(网址)

图片的高度宽度

markdown还做不到指定图片的高度与宽度,如果需要修改,可以使用普通的标签

八 markdown表格

基础知识

markdown制作表格使用|来分隔不同的单元格,使用-来分隔表头和其他行,语法格式如下:

表头 表头
单元格 单元格
单元格 单元格

对齐方式

通过对-的变化,设置对齐方式

  • -:设置内容和标题栏右对齐
  • :-设置内容和标题栏左对齐
  • :-:设置内容居中对齐

实例如下:

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

PS.不知道为什么在印象笔记中没有变化,但是直接复制到小书匠是可以的,可能是印象笔记没有这个功能


  1. markdown是一种纯文本标记语言 ↩︎

  2. 超文本标记语言 ↩︎

  3. xiaoshujiang.com ↩︎

posted @ 2020-08-10 10:24  玉机散人  阅读(814)  评论(0)    收藏  举报