发布于 2026-01-06 0 阅读
0

你了解 Markdown 吗?这是标题

你了解 Markdown 吗?

这是标题

如果你在 DEV 上写文章,你可能了解 Markdown,但如果你不了解,那就让我们一起来学习吧。

Markdown是一种轻量级的标记语言,可用于向纯文本文档添加格式元素。Markdown 在社区中应用广泛,无论是编写 GitHub 的 README 文件还是撰写开发文章,几乎无处不在。

我将讨论一些与 Markdown 相关的基础知识和资源。

内容

  1. 句法
  2. 在线练习
  3. 奖金!

标题

就像 HTML 中有h1,h2....h6标签一样,Markdown 中也有标题标签。我们借助以下方式来使用这些标签:#

输入:

# This is Heading
## This is Heading
### This is Heading
#### This is Heading
##### This is Heading
###### This is Heading  
Enter fullscreen mode Exit fullscreen mode

输出:

这是标题

这是标题

这是标题

这是标题

这是标题
这是标题

返回目录


文本格式化

Markdown 提供了不同的格式选项。你可以使用粗体或斜体,但纯 Markdown 语言不支持文本下划线。

  • 要将文本加粗,请在文本两侧各加一个星号。** **
  • 为了突出显示文本,请在文本两侧各加一个星号。* *
  • 要使文本同时加粗和强调,请将文本用 3 个星号括起来。*** ***
  • 对于带删除线的文本,请将其括起来。~~ ~~

输入:

**Bold**
*Emphasized*
***Both***
~~Strikethrough~~
Enter fullscreen mode Exit fullscreen mode

输出:

粗体
强调
两者
删除线

注意:除了星号(*),也可以使用下划线(_)。

返回目录


链接

在 Markdown 中添加链接或 href 非常简单。将文本写在方括号内[],将链接写在圆括号内()

输入:

[My Dev Profile](https://dev.to/hardikchopra242)
Enter fullscreen mode Exit fullscreen mode

输出:

我的开发者个人资料

返回目录


图片

添加图片与添加链接非常相​​似。区别在于,我们需要在图片前面加上感叹号!。方括号内是图片的替代文本(Alt text),圆括号内是图片的链接。

输入:

![Meme](https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.YIPISOt_bX8dMMUBzE-hPAHaFj%26pid%3DApi&f=1)

Enter fullscreen mode Exit fullscreen mode

输出:

表情包

返回目录


代码片段

添加代码片段有两种方式:一种是直接写在一行内,另一种是写在代码块中。
行内代码使用单个反引号 (``),代码块则使用三个反引号 (``) 将代码括起来。

输入:
替代文字

输出:

这就是内联的方式code looks like

Write your code
Here and it
will turn into a 
code block
Enter fullscreen mode Exit fullscreen mode

返回目录


列表

在 Markdown 中,您可以通过给列表项编号或*在每个元素前加上星号来添加有序列表或无序列表。

输入:

Ordered List

1. List Item   
2. List Item
  1. List 2       //For nested lists, use two-space indentation
  2. List 2
  3. List 2
3. List Item


Unordered List

* List Item      //Inplace of * , - and + can also be used 
* List Item    
  * List 2
  * List 2
  * List 2
* List Item


Enter fullscreen mode Exit fullscreen mode

输出:

有序列表

  1. 列表项
  2. 列表项
    1. 列表 2
    2. 列表 2
    3. 列表 2
  3. 列表项

无序列表

  • 列表项
  • 列表项
    • 列表 2
    • 列表 2
    • 列表 2
  • 列表项

返回目录


引用块

可以使用 `\n` 将引用块添加>到行首。您还可以使用嵌套引用块。

输入:

>This is a BlockQuote.
>This is a BlockQuote.
>>This is a ***nested*** BlockQuote.
Enter fullscreen mode Exit fullscreen mode

输出:

这是引用块。
这是引用块。

这是一个嵌套的引用块。

返回目录


表格

要制作表格,每一列都应该用逗号分隔|,并且:--------:可以使用逗号将列标题加粗。

输入:

| Column 1       | Column 2     | Column 3     |
| :------------- | :----------: | :-----------: |
|  Row 1 | To escape   | the pipes,    |
| Row 2   | Use backslash| Like this  \| |
Enter fullscreen mode Exit fullscreen mode

输出:

第一列 第2列 第3列
第一行 为了逃脱 管道,
第 2 行 使用反斜杠 像这样 \

返回目录


水平线

画水平线有三种不同的方法。它们是:
使用三个连续的圆周率-*_

输入:

Paragraph 1

---

Paragraph 2

___

Paragraph 3

***

Enter fullscreen mode Exit fullscreen mode

输出:
第 1 段


第二段


第三段


别忘了在语法上方和下方各留一个空行。

返回目录


表情符号

要在 Markdown 中使用表情符号,请将表情符号代码放在两个冒号内。: emoticon_code :

输入:

:smile: :mask: :bug:
Enter fullscreen mode Exit fullscreen mode

输出:
😄 😷 🐛

点击此处查看 Markdown 表情符号速查表

返回目录


在线练习

要练习 Markdown,您可以参考以下一些网站。如果您想尝试一下,随时可以访问这些网站并编写 Markdown 代码!

返回目录


惊喜!! 🔥

泰波拉

Typora 是一款 Markdown 编辑器。一位朋友推荐我用 Typora 做笔记,它真的太棒了!
当我们学习新知识时,需要把它记录下来,以便日后回忆。Typora 正好可以满足这个需求。

替代文字

特征:

  • 大量主题
  • 实时预览您在 Markdown 中编写的内容
  • 多种编辑选项

下载 Typora

返回目录


如果你从中学到了一些新的、有用的东西,请给这篇文章点个赞❤️

如果你觉得这篇文章对你有用,请保存并分享给你的编程好友们😃

你还知道其他 Markdown 使用技巧吗?欢迎在评论区分享!💬

文章来源:https://dev.to/hardikchopra/do-you-know-markdown-2d2p