Markdown 编写技巧汇总(二)

继续上篇汇总 附-上篇汇总,接着做更加高级一点的应用技巧。


【1】列表与引言嵌套

两者嵌套,如:

> 我是一行文本
>	1. 文本1
>	2. 文本2
>		1. 文本
>		2. 文本
>	3. 文本3
>> 又是一行文本

得:

我是一行文本

  1. 文本1
  2. 文本2
    1. 文本
    2. 文本
  3. 文本3

又是一行文本

又如:

1. 文本1
	> 我是一行文本
	> 我也是一行文本
	>> 又是一行文本
2. 文本2
	1. 文本
	2. 文本
		> 一行文本
		> 又一行文本
3. 文本3

得:

  1. 文本1

    我是一行文本
    我也是一行文本

    又是一行文本

  2. 文本2
    1. 文本
    2. 文本

      一行文本
      又一行文本

  3. 文本3

【2】超链接

加超链接[一般针对网页]使用以下语法:

[链接名称](链接地址)
或
<链接地址>

如:

[豆瓣](https://www.douban.com)
和
<https://www.douban.com>

得:
豆瓣

https://www.douban.com

进阶

更加个性化的超链接,统一编排,如下面所示:

百度 - [百度][1]
[淘宝][tb]
【博客园】[博客园][bokeyuan]

[1]:www.baidu.com
[tb]:www.taobao.com
[bokeyuan]:https://www.cnblogs.com/

得:
百度 - 百度
淘宝
【博客园】博客园

值得注意的是,如果不写前缀http://,则意为本地个人博客地址内的网站,如

[上篇博文][md]

[md]:15354382.html

得:
上篇博文

【3】图片展示

添加图片,采用以下语法:

![image](图片地址 "可选标题")

![image](https://img2020.cnblogs.com/blog/944545/202109/944545-20210930073005830-822893419.jpg)

得:
image

或者使用自定义变量形式,统一分配:

![image][img]

[img]:https://img2020.cnblogs.com/blog/944545/202109/944545-20210930073818444-1332623953.webp

得:
image

还可以采用html5的写法:

<img src="图片链接" width="" height="">

如:

<img src="https://img2020.cnblogs.com/blog/944545/202109/944545-20210930074003984-624569350.jpg" width="600" height="400">

得:

这种方法可控制宽高显示大小和比例。

【4】表格

插入表格,使用|来分隔单元格,使用-来分隔表头和其他行数据,如:

| 表头1 | 表头2 | 表头3 |
| --- | --- | --- |
| 信息1 | 信息2 | 信息3 |
| 信息4 | 信息5 | 信息6 |

得:

表头1 表头2 表头3
信息1 信息2 信息3
信息4 信息5 信息6

当然可以在分隔表头的行上边添加信息,键入:
:- 代表左对齐
:-: 代表居中对齐
-: 代表右对齐
如下:

| 左对齐 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | 居中对齐 <img width="100"> | 右对齐 <img width="100"> |
| :------------ | :-------------: | ------------: |
| 文本信息 | 文本信息 | 文本信息 |
| 文本信息 | 文本信息 | 文本信息 |

得:

左对齐                 居中对齐 右对齐
文本信息 文本信息 文本信息
文本信息 文本信息 文本信息

可以参考以上做法来定义每列宽度!

【5】特殊字符输出

跟传统编程系统类似,在特殊字符前加上转义字符,如:

**我是不是加粗了**
**我是不是加粗了**

得:
**我是不是加粗了**
我是不是加粗了

基本上Markdown预留使用的字符都可以用上面的方法直接打印输出。

结语

基础内容算告一段落。如果有缺失会及时补充,感谢阅读,希望能帮助到读者。

原文地址:https://www.cnblogs.com/sharpeye/p/15355160.html