探索 Markdown 的奇妙世界

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

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

Markdown 基础语法

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

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


    
    
    
  # 一级标题

## 二级标题


### 三级标题


#### 四级标题

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

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

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

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

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

4. 列表:整洁有序

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

  1. 1. 有序列表项 1
  2. 2. 有序列表项 2

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

访问 Doocs

doocs
doocs

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

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

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

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

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

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

这是一个引用

这是一个嵌套引用

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

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


    
    
    
  console.log(`Hello, Doocs!`)

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

8. 分割线:分割内容

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


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

9. 表格:清晰展示数据

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

项目人员邮箱微信号
yanglbmecontact@yanglibin.infoYLB0109
YangFongyangfong2022@gmail.comyq2419731931
thinkasanythinkasany@gmail.comthinkasany

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

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

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 中创建流程图、时序图等。

ParticipantActorBoundaryControlEntityDatabaseCollectionsQueueParticipantParticipantActorActorBoundaryBoundaryControlControlEntityEntityDatabaseDatabaseCollectionsCollectionsQueueQueueTo 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)

结语

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

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

推荐阅读


qr code