Markdown 利用HTML进行优雅排版

Markdown 利用HTML进行优雅排版

我在使用Markdown整理文档的时候发现，Markdown本身对文本格式的排版很单一，只有编号、字体加粗、固定标题格式等一些基础的排版，使用不够灵活，好在Markdown中可以使用HTML，所以我利用HTML增加了一些板块，方便对文档进行标注或者分层整理。

一、标注重点

• 功能描述：在不同位置插入图片作为重点标注。

• 实现效果：

• 数据分析方法（这是重点！需要进行重点标记）
• 代码如下：

<img align = "left"  src="https://img2023.cnblogs.com/blog/2843096/202303/2843096-20230315122541872-818598143.png"  width="38" height="30">

• 使用场景：

1、标记：可以使用不同的图片进行标记。那么这些图片怎么来呢，首先搜索你想要的图片，例如搜索“紫色五角星图片”，然后复制图片到word文档中插入，点击图片格式，删除图片背景后处理成你想要的样子，后在md中插入图片调整图片的位置和大小。

2、存放图片：例如在用md写的简历中插入证件照，只需将代码修改成如下形式：

<img align = "right"  src="这里输入图片地址"  width="114" height="100">

3、文字围绕图片：通过HTML可以设置图片的位置和大小。实际应用效果如下：

输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本

输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本

二、内容分层

• 功能描述：

有时候想用横线划分一下内容的层次，发现md中横线与文字间的间距过大，且为固定不可调整。利用HTML可以调整横线的宽度、颜色以及与文字的间距。

• md中的效果：

• 利用HTML实现效果：