Markdown 编写技巧汇总(二)
继续上篇汇总 附-上篇汇总,接着做更加高级一点的应用技巧。
【1】列表与引言嵌套
两者嵌套,如:
> 我是一行文本
> 1. 文本1
> 2. 文本2
> 1. 文本
> 2. 文本
> 3. 文本3
>> 又是一行文本
得:
我是一行文本
- 文本1
- 文本2
- 文本
- 文本
- 文本3
又是一行文本
又如:
1. 文本1
> 我是一行文本
> 我也是一行文本
>> 又是一行文本
2. 文本2
1. 文本
2. 文本
> 一行文本
> 又一行文本
3. 文本3
得:
- 文本1
我是一行文本
我也是一行文本又是一行文本
- 文本2
- 文本
- 文本
一行文本
又一行文本
- 文本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][img]
[img]:https://img2020.cnblogs.com/blog/944545/202109/944545-20210930073818444-1332623953.webp
得:
还可以采用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 |
当然可以在分隔表头的行上边添加信息,键入:
:-
代表左对齐
:-:
代表居中对齐
-:
代表右对齐
如下:
| 左对齐 | 居中对齐 <img width="100"> | 右对齐 <img width="100"> |
| :------------ | :-------------: | ------------: |
| 文本信息 | 文本信息 | 文本信息 |
| 文本信息 | 文本信息 | 文本信息 |
得:
左对齐 | 居中对齐 | 右对齐 |
---|---|---|
文本信息 | 文本信息 | 文本信息 |
文本信息 | 文本信息 | 文本信息 |
可以参考以上做法来定义每列宽度!
【5】特殊字符输出
跟传统编程系统类似,在特殊字符前加上转义字符
:\
,如:
\*\*我是不是加粗了\*\*
**我是不是加粗了**
得:
**我是不是加粗了**
我是不是加粗了
基本上Markdown预留使用的字符都可以用上面的方法直接打印输出。
结语
基础内容算告一段落。如果有缺失会及时补充,感谢阅读,希望能帮助到读者。