Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML格式。无论是编写博客、文档还是其他类型的文本内容，Markdown都是一个非常有用的工具。以下是一些高级Markdown技巧，帮助你提升文档排版效率，让你的文档焕然一新。
1. 标题格式
Markdown支持多种标题格式，使用不同的
#
符号可以创建不同级别的标题。
# 一级标题
## 二级标题
### 三级标题
2. 强调文本
使用星号或下划线来强调文本。
*斜体*
**粗体**
3. 列表
无序列表使用
–
、
*
或
+
开头，有序列表使用数字和句点。
– 列表项1
– 列表项2
– 子列表项1
– 子列表项2
1. 列表项1
2. 列表项2
4. 引用
使用反引号
>
来创建引用。
> 这是一个引用
5. 链接
使用方括号和圆括号来创建链接。
[链接文本](链接地址)
6. 图片
使用方括号和圆括号来创建图片链接。
7. 分隔线
使用三个或更多短横线、星号或下划线来创建分隔线。
—
8. 表格
使用竖线来创建表格。
| 表头1 | 表头2 | 表头3 |
| — | — | — |
| 内容1 | 内容2 | 内容3 |
9. 代码块
使用三个或更多反引号来创建代码块。
代码
10. 任务列表
使用短横线、方括号和圆括号来创建任务列表。
– [x] 完成任务1
– [ ] 进行中任务2
11. 表情符号
使用冒号和短横线来创建表情符号。
🙂
12. 脚注
使用方括号和圆括号来创建脚注。
这是一个脚注[^1]。
[^1]: 脚注内容
13. 删除线
使用两个短横线或两个下划线来创建删除线。
这是一个删除线—
14. 下标和上标
使用反引号来创建下标和上标。
\(x\)^2
15. LaTeX 公式
使用美元符号和 LaTeX 语法来创建数学公式。
$$E=mc^2$$
16. HTML 标签
Markdown 支持直接使用 HTML 标签。
斜体
17. 自定义样式
使用 CSS 类来添加自定义样式。
18. 引用图片大小
在图片链接中添加尺寸参数。
19. 隐藏内容
使用 HTML
隐藏内容
这里是隐藏的内容
20. 自定义列表样式
使用 CSS 来自定义列表样式。
ul {
list-style-type: square;
}
21. 高亮代码
使用 CSS 类来高亮代码。
pre {
background-color: #f4f4f4;
}
22. 分页
使用 HTML
23. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
24. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
25. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
26. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
27. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
28. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
29. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
30. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
31. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
32. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
33. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
34. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
35. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
36. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
37. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
38. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
39. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
40. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
41. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
42. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
43. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
44. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
45. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
46. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
47. 引用样式
使用 CSS 类来引用样式。
.my-style {
color: red;
}
48. 悬浮效果
使用 CSS 来创建悬浮效果。
a:hover {
text-decoration: underline;
}
49. 响应式布局
使用 CSS 媒体查询来创建响应式布局。
@media (max-width: 600px) {
/* 响应式样式 */
}
50. 表格对齐
使用 HTML
| 左对齐 | 右对齐 | 居中对齐 |
| :— | :—: | :—: |
以上是50个Markdown高级技巧，帮助你提升文档排版效率。希望这些技巧能够让你的文档焕然一新！