markdown在线编辑器学习

本次介绍的主角就是md工具

1
WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性

看到的效果如下图所示: image.png 复制下来放在我的hugo文档试试效果

探索 Markdown 的奇妙世界

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

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

Markdown 基础语法

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

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

# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题

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

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

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

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

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

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

4. 列表:整洁有序

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

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

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

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

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

访问 Doocs

doocs

doocs

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

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

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

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

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

这是一个引用

这是一个嵌套引用

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

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

  • • 行内代码:用反引号包裹,如 code
  • • 代码块:用三个反引号包裹,并指定语言,如:

console.log("Hello, Doocs!");

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

8. 分割线:分割内容

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


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

9. 表格:清晰展示数据

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

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

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

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

Markdown 进阶技巧

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

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

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

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

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

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

Syntax error in textmermaid version 11.4.1

Syntax error in textmermaid version 11.4.1

Syntax error in textmermaid version 11.4.1

Syntax error in textmermaid version 11.4.1

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

更多用法,参见:Mermaid User Guide。

结语

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

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

推荐阅读


Licensed under CC BY-NC-SA 4.0
最后更新于 Jan 06, 2025 05:52 UTC
comments powered by Disqus
Built with Hugo
主题 StackJimmy 设计
Caret Up