blockquote 的基本概念

发布: (2025年12月28日 GMT+8 07:15)
3 min read
原文: Dev.to

Source: Dev.to

Introduction

块引用在写作中对于结构化、澄清和强调内容至关重要。它们可用于引用、注释、警告、代码片段、列表等。

Basic Syntax

This is a simple blockquote.
First paragraph.
Second paragraph.

Formatting Inside Blockquotes

Bold, Italic, and Combined

这段文字在块引用中是粗体。
这段文字在块引用中是斜体。
粗体和斜体可以在块引用中组合使用。

Inline Code

你可以在块引用中编写内联代码,例如 let x = 10;

你可以包含链接: Markdown 指南

Emojis

表情符号可以增添趣味或强调的效果: 😄 🚀 💡 🎉

Images

可以在块引用中包含图像以进行可视化说明。
Example Image

Nested Blockquotes

外层引用

内层引用

最内层引用

对话示例:

Alice: 你完成报告了吗?
Bob: 差不多了,我还需要一个章节。
Alice: 确保仔细检查数字。

Lists Inside Blockquotes

购物:

  • 苹果
  • 香蕉
  • 橙子

任务:

  • 作业
  • 锻炼
  • 阅读

项目 A:

  • 任务 1
  • 任务 2

项目 B:

  • 任务 1
  • 任务 2

Code Blocks Inside Blockquotes

使用三重反引号来展示更大的代码示例:

function hello() {
  return "Hello World!";
}

另一个示例:

function helloWorld() {
  return "Hello!";
}

内联命令示例:

npm install package
npm start
npm test

Quotations with Citations

“教育是你可以用来改变世界的最强大武器。” – Nelson Mandela

“生活就是当你忙于制定其他计划时发生的事。” – John Lennon

Warnings and Tips

⚠️ 警告: 不要删除系统文件。

💡 提示: 嵌套块引用非常适合展示对话或逐步说明。

Step‑by‑Step Instructions

步骤:

  1. 打开文件。
  2. 编辑内容。
  3. 保存更改。

详细步骤:

  1. 打开编辑器。
  2. 编写代码。
  3. 测试代码。
    注意: 请经常保存你的工作。

To‑Do List

  • 完成报告
  • 审阅笔记
  • 发送邮件

Long Blockquote Example

这是一段非常长的引用,跨越多行,允许在同一个块引用中进行解释和细节说明。

😂 表情符号、笑话或简短对话在块引用中效果极佳。

块引用非常适合用于教学概念、展示引用、代码、警告或逐步说明。

Back to Blog

相关文章

阅读更多 »

用纯HTML取代JavaScript

文章 URL: https://www.htmhell.dev/adventcalendar/2025/27/ 评论 URL: https://news.ycombinator.com/item?id=46407337 积分: 16 评论数: 1