Markdown使用总结

Markdown 是一种轻量级的标记语言,使用纯文本格式编写,可以通过简单的标记语法,快速转换成HTML或其他格式。以下是如何编辑Markdown文档及其中的一些关键要点:

Markdown 文档的基本结构

Markdown文档通常包含以下基本部分:

  • 标题(Headers)
  • 段落(Paragraphs)
  • 列表(Lists)
  • 链接(Links)
  • 图片(Images)
  • 代码(Code)
  • 引用(Blockquotes)
  • 表格(Tables)
1. 标题(Headers)

使用 # 来表示标题的层级,# 的数量决定了标题的层级,从1到6级。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
2. 段落(Paragraphs)

段落之间需要一个空行进行分隔

这是第一个段落。

这是第二个段落。
3. 列表(Lists)
  • 无序列表
    使用 -、* 或 + 来创建无序列表。
- 项目一
- 项目二
  - 子项目
  - 子项目
- 项目三
  • 有序列表
    使用数字和 . 来创建有序列表。
1. 第一项
2. 第二项
   1. 子项
   2. 子项
3. 第三项
4. 链接(Links)

使用 链接文本 来创建一个超链接。

这是一个 [CSDN](https://www.csdn.net/) 的链接。
5. 图片(Images)

使用 如下指令来插入图片。

![示例图片](https://www.example.com/image.jpg)
6.代码(Code)

行内代码
使用反引号 ` 来表示行内代码片段。

这是一个 `行内代码` 示例。

代码块
使用三个反引号 ```来创建代码块,可以指定代码语言以启用语法高亮。

```python
def hello_world():
    print("Hello, World!")
7.引用(Blockquotes)

使用 > 来表示引用。
作用:引用(Blockquotes)是一种文本格式,用于表示引用自其他来源的段落或句子。这种格式通常用于显示引用的文本、引言、名言、参考文献等。

> 这是一个引用的示例。
> 
> 可以包括多个段落。
8. 表格(Tables)

使用 | 和 - 来创建表格。

| 标题1 | 标题2 |
|-------|-------|
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |
9.粗体和斜体

使用 * 或 _ 来表示斜体,使用 ** 或 __ 来表示粗体。

*斜体* 或 _斜体_
**粗体** 或 __粗体__
10.水平线

使用三个或更多的 -、*、_ 来创建水平线。

---
***
___

总之,Markdown是一种非常简洁和直观的标记语言,非常适合用于编写文档、笔记、博客文章等。掌握基本语法后,你可以很容易地创建结构清晰、美观的文档。但是你看完了这边文章,感觉是不是这个符号有点多呀?其实我们实际可以再精简一下符号:

  • 无序列表我们只记一个符号就OK了,比如* ;有序列表和我们平时书写相同,不用刻意记忆。
  • 标题使用#
  • 代码使用`和```对 “是一块”
  • 粗体,斜体,水平线 记忆成*号123 就可以了!
  • 引用是>
    这样看是不是就很简单,下图对应的是思维导图,也可以帮助大家记忆!
    思维导图
  • 11
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React可以使用react-markdown组件来解析并展示Markdown内容。在安装了react-markdown之后,你可以在React组件中使用该组件来渲染Markdown。例如,你可以创建一个名为MdPreview的React组件,其中使用ReactMarkdown组件来显示Markdown内容。 在引用中的代码示例中,你可以看到一个使用react-markdown的基本示例。首先,通过npm安装了react-markdown包。然后,在React组件中导入ReactMarkdown组件并使用它来渲染Markdown内容。在这个示例中,Markdown内容被存储在名为docmentContent的state变量中,并通过setDocmentContent来更新。最后,将ReactMarkdown组件放置在一个div元素中并传递docmentContent作为children属性。 在引用和引用的代码示例中,展示了如何在React中使用react-markdown来处理特定的Markdown内容。在引用的示例中,引入了rehypeRaw插件来处理包含HTML标签的Markdown内容。在引用的示例中,引入了remarkMath插件和rehypeKatex插件来处理包含数学公式的Markdown内容。 总结起来,React使用react-markdown组件可以方便地解析和展示Markdown内容。你可以根据需要自定义remark插件和rehype插件来处理不同类型的Markdown内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [React markdown 编辑器](https://blog.csdn.net/HH18700418030/article/details/130267813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值