Markdown标记语言学习[2]

Markdown标记语言学习[2]

十一月 14, 2019

啊哈~好久没有看Markdown语言了，今天晚上花时间又继续看了一点知识，然后马不停蹄的跑到博客这边来更新。下面就一起来看吧。

Markdown区块

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

1
2
3
> 区块引用
> Lunivers
> Study

显示结果如下：

区块引用
Lunivers
Study

另外，区块和区块之间是可以有嵌套的，一个“>”符号是最外层，两个“>”符号是第一层的嵌套，以此类推：

1
2
3
> 最外层
>> 第一层嵌套
>>> 第二层嵌套

显示结果如下：

最外层

第一层嵌套

第二层嵌套

区块中使用列表

区块中使用列表实例如下：

1
2
3
4
5
6
> 区块中使用列表
> 1. 第一项
> 2. 第二项
> * 第一项
> * 第二项
> * 第三项

显示结果如下：

区块中使用列表

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

列表中使用区块

如果要在列表项目内放进区块，那么就需要在“>”前添加四个空格的缩进。

区块中使用列表实例如下：

1
2
3
4
* 第一项
     > 第一个区块
     > 第二个区块
* 第二项

显示结果如下：

  • 第一项

    第一个区块
    第二个区块

  • 第二项

Markdown代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`），例如：

1
`printf()`函数

其显示结果如下：

printf()函数

代码区块

代码区块使用4个空格或者一个制表符（Tab键）

实例如下：

1
2
3
4
5
<?php
echo 'RUNOOB';
function test(){
echo 'test'
}

其结果如下：

1
2
3
4
5
<?php
echo 'RUNOOB';
function test(){
echo 'test'
}

你也可以用```来包裹代码，并指定一种语言（也可不指定）：

1
2
3
4
5
6
7
​```java
public class First_study{
        public static void main(String[] args) {
                System.out.println("Hello World!");
        }
}
​```

其结果如下：

1
2
3
4
5
public class First_study{
        public static void main(String[] args) {
                System.out.println("Hello World!");
        }
}

Markdown链接

链接使用方法如下：

1
2
3
[链接名称](链接地址)
或者
<链接地址>

举个例子：

1
这是一个链接[LCY的Blog](https://luniver.github.io/)

其结果如下：

这是一个链接LCY的Blog

高级链接

1
2
3
4
5
6
7
链接也可以用变量来代替，文档末尾附带变量的地址：
这个链接 1 作为网址变量 [Baidu][1]
这个链接 LCY 作为网址变量 [lcy's Blog][LCY]
然后在文档结尾为变量赋值[网址]

[1]:https://www.baidu.com/
[LCY]:https://luniver.github.io/

其结果如下：

链接也可以用变量来代替，文档末尾附带变量的地址：
这个链接 1 作为网址变量 Baidu
这个链接 LCY 作为网址变量 lcy’s Blog
然后在文档结尾为变量赋值[网址]

Markdown图片

Markdown图片语法格式如下：

1
2
3
![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")
  • 开头一个感叹号
  • 接着一个方括号，里面放上图片的替代文字
  • 接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

使用实例：

1
![lcy 图片](https://tva1.sinaimg.cn/large/006y8mN6gy1g8h60gw4tgj31ao0t67jq.jpg)

其结果如下：

lcy 图片

当然，你也可以像网址那样对图片网址使用变量:

1
2
3
4
这个链接 1 作为图片地址[图片][1]
然后在文档结尾给变量赋值

[1]:https://tva1.sinaimg.cn/large/006y8mN6gy1g8h60gw4tgj31ao0t67jq.jpg

其结果如下：

这个链接 1 作为图片地址图片
然后在文档结尾给变量赋值

Markdown还没有办法指定图片的高度与宽度，如果你需要的话，你可以使用普通的标签。

实例如下：

1
<img src="https://tva1.sinaimg.cn/large/006y8mN6gy1g8h60gw4tgj31ao0t67jq.jpg" width="50%">

其显示结果如下：

Markdown表格

Markdown制作表格使用“ | ”来分隔不同的单元格，使用“ - ”来分隔表头和其他行。

1
2
3
4
| 表头 | 表头 |
|-----|------|
|单元格| 单元格|
|单元格| 单元格|

其结果如下：

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

我们可以这样设置对齐方式:

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

实例如下：

1
2
3
4
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

其结果如下：

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

好了，以上总结了Markdown区块、Markdown代码、Markdown链接、Markdown图片、Markdown表格的详细用法，在这里案例一个制作表格的网站，可支持生成Markdown，XML，YAML，HTML等源码。网站点击这里，这个网站可以说是非常好用了，所有Markdown的基础知识到这里已经介绍完了，下一次待我学习完Markdown的高级用法后再在Blog中进行总结。