大多

 

探索 Markdown 的奇妙世界

欢迎来到 Markdown 的奇妙世界!无论你是写作爱好者、开发者、博主,还是想要简单记录点什么的人,Markdown 都能成为你新的好伙伴。它不仅让写作变得简单明了,还能轻松地将内容转化为漂亮的网页格式。今天,我们将全面探讨 Markdown 的基础和进阶语法,让你在这个过程中充分享受写作的乐趣!

Markdown 是一种轻量级标记语言,用于格式化纯文本。它以简单、直观的语法而著称,可以快速地生成 HTML。Markdown 是写作与代码的完美结合,既简单又强大。

Markdown 基础语法

1. 标题:让你的内容层次分明

# 号来创建标- 题。标题从 # 开始,# 的数量表示标题的级别。

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

以上代码将渲染出一组层次分明的标题,使你的内容井井有条。

2. 段落与换行:自然流畅

Markdown 中的段落就是一行接一行的文本。要创建新段落,只需在两行文本之间空一行。

3. 字体样式:强调你的文字

  • 粗体:用两个星号或下划线包裹文字,如 **粗体**__粗体__
  • 斜体:用一个星号或下划线包裹文字,如 *斜体*_斜体_
  • 删除线:用两个波浪线包裹文字,如 ~~删除线~~
  • 高亮:用两个等号包裹文字,如 ==高亮==
  • 下划线:用两个加号包裹文字,如 ++下划线++
  • 波浪线:用一个波浪线包裹文字,如 ~波浪线~

这些简单的标记可以让你的内容更有层次感和重点突出。

4. 列表:整洁有序

  • 无序列表:用 -*+ 加空格开始一行。
  • 有序列表:使用数字加点号(1.2.)开始一行。

在列表中嵌套其他内容?只需缩进即可实现嵌套效果。

  • • 无序列表项 1
    1. 1. 嵌套有序列表项 1
    2. 2. 嵌套有序列表项 2
  • • 无序列表项 2
  1. 1. 有序列表项 1
  2. 2. 有序列表项 2

5. 链接与图片:丰富内容

  • 链接:用方括号和圆括号创建链接 [显示文本](链接地址)
  • 图片:和链接类似,只需在前面加上 !,如 ![描述文本](图片链接)

访问 Doocs

大多
doocs

轻松实现富媒体内容展示!

因微信公众号平台不支持除公众号内容以外的链接,故其他平台的链接,会呈现链接样式但无法点击跳转。

对于这些链接请注意明文书写,或点击左上角「格式->微信外链接转底部引用」开启引用,这样就可以在底部观察到链接指向。

另外,使用 <![alt](url),![alt](url)> 语法可以创建横屏滑动幻灯片,支持微信公众号平台。建议使用相似尺寸的图片以获得最佳显示效果。

6. 引用:引用名言或引人深思的句子

使用 > 来创建引用,只需在文本前面加上它。多层引用?在前一层 > 后再加一个就行。

这是一个引用

这是一个嵌套引用

这让你的引用更加富有层次感。

7. 代码块:展示你的代码

  • 行内代码:用反引号包裹,如 code
  • 代码块:用三个反引号包裹,并指定语言,如:
console.log(`Hello, Doocs!`)

语法高亮让你的代码更易读。

8. 分割线:分割内容

用三个或更多的 -*_ 来创建分割线。


为你的内容添加视觉分隔。

9. 表格:清晰展示数据

Markdown 支持简单的表格,用 |- 分隔单元格和表头。

项目人员 邮箱 微信号
yanglbme contact@yanglibin.info YLB0109
YangFong yangfong2022@gmail.com yq2419731931

这样的表格让数据展示更为清爽!

手动编写标记太麻烦?我们提供了便捷方式。左上方点击「编辑->插入表格」,即可快速实现表格渲染。

10. 目录:自动生成文档导航

在文档中单独一行写入 [TOC],即可根据文档标题自动生成层级目录,方便读者快速跳转。

[TOC]

一级标题(#)不会出现在目录中,目录锚点根据标题在文档中的位置自动生成。

Markdown 进阶技巧

1. LaTeX 公式:完美展示数学表达式

Markdown 允许嵌入 LaTeX 语法展示数学公式:

  • 行内公式:用 $ 包裹公式,如 。
  • 块级公式:用 $$ 包裹公式,如:

现在还支持 LaTeX 标准格式

  • 行内公式:用 \(...\) 包裹公式,如 。
  • 块级公式:用 \[...\] 包裹公式,如:

混合使用示例:传统格式 和 LaTeX 格式 可以在同一段落中共存。

  1. 1. 列表内块公式 1
  1. 2. 列表内块公式 2

这是展示复杂数学表达的利器!

2. Mermaid 流程图:可视化流程

Mermaid 是强大的可视化工具,可以在 Markdown 中创建流程图、时序图等。

GraphCommand
update
goto
send
更新状态
流程控制
消息传递

A
B
C
D

40%46%9%5%Key elements in Product XCalciumPotassiumMagnesiumIron

6%10%70%13%为什么总是宅在家里?喜欢宅天气太热穷没人约

这种方式不仅能直观展示流程,还能提升文档的专业性。

更多用法,参见:Mermaid User Guide

3. PlantUML 流程图:可视化流程

PlantUML 是强大的可视化工具,可以在 Markdown 中创建流程图、时序图等。

ParticipantParticipantActorActorBoundaryBoundaryControlControlEntityEntityDatabaseDatabaseCollectionsCollectionsQueueQueueTo actorTo boundaryTo controlTo entityTo databaseTo collectionsTo queue

更多用法,参见:PlantUML 主页

4. Infographic 信息图:可视化数据

新一代信息图可视化引擎,让文字信息栩栩如生!

客户增长引擎多渠道触达与复购提升渠道投放与内容获客线索获取0102转化提效线索评分与自动跟进会员体系与权益运营复购提升0304口碑传播社群激励与推荐裂变

更多用法,参见:AntV Infographic Gallery

5. Ruby 注音:注音标注

支持两种格式:

1. [文字]{注音}
2. [文字]^(注音)

渲染效果如下:

你好(nǐ hǎo) 世界(shì jiè)

支持四种分隔符: (中点)、 (全角句点)、 (中文句号)、- (英文减号)

示例:

[你好世界]{nǐ・hǎo・shì・jiè}
[小夜時雨]^(さ・よ・しぐれ)

()(hǎo)(shì)(jiè)
()()時雨(しぐれ)

当字符串数量与分隔符数量不匹配时,会自动匹配到最合适的分隔符。

[小夜時雨]{さ・よ・しぐれ}
[小夜時雨]{さ・よ}
[小夜]{さ・よ・しぐれ}
[小夜時雨]{さ・よ・しぐれ・extra}

()()時雨(しぐれ)
()夜時雨()
()()
()()(しぐれ)(extra)

6. 警告块与环境:突出重点内容

使用 > [!类型]::: 类型 ... ::: 语法即可创建带样式的警告块。类型后还能跟一个自定义标题,正文支持完整的 Markdown 与公式。

常用的提示类型:

Note

提醒读者即使在快速浏览时也应留意的信息。

Tip

帮助读者更顺利完成操作的小技巧。

上线前必读

类型后可以跟自定义标题,覆盖默认标题。

Warning

需要立即引起注意的关键内容。

也可以使用 ::: 容器语法,效果相同:

Tip

这是一个使用容器语法的提示框。

还内置了定理、引理、定义等学术环境,正文可直接书写公式:

勾股定理

在直角三角形中,斜边的平方等于两条直角边的平方和:。

Definition

若对任意 ,存在 ,使得 时有 ,则称 。

Proof

由上述定义直接可得,证毕。

类型名称可以是任意文字(包括中文),未匹配到内置样式时会使用统一的默认样式,并以名称作为标题:

推论

任意名称都会渲染成一个带标题的方框。

结语

Markdown 是一种简单、强大且易于掌握的标记语言,通过学习基础和进阶语法,你可以快速创作内容并有效传达信息。无论是技术文档、个人博客还是项目说明,Markdown 都是你的得力助手。希望这篇内容能够带你全面了解 Markdown 的潜力,让你的写作更加丰富多彩!

现在,拿起 Markdown 编辑器,开始创作吧!探索 Markdown 的世界,你会发现它远比想象中更精彩!

推荐阅读


大多

 

上一篇 Firefox / Chrome / Edge 三大浏览器历史版本下载
下一篇 导游证
柳沐风

柳沐风管理员

这个人很懒,什么都没有留下。

本月创作热力图

目录