2582 字
13 分钟
大模型系列——Markdown扩展功能详解

大模型系列——Markdown扩展功能详解#

Markdown 是一种轻量级的标记语言,以其简洁和易读性而闻名。但在实际技术写作中,我们往往需要更丰富的功能来增强内容的表现力。本文将详细介绍本博客支持的 Markdown 扩展功能,帮助你创建更加专业、交互性强的技术文档。

💡 提示: 掌握这些扩展语法,可以让你的博客内容更加生动和吸引人。

📦 GitHub 仓库卡片#

动态仓库展示#

GitHub 仓库卡片是一个强大的功能,它会在页面加载时自动从 GitHub API 拉取仓库信息,包括星标数、fork 数、描述等实时数据。

技巧提示 (tip)#

提供可选的辅助信息,帮助读者更加成功或高效地完成任务:

TIP

这是技巧提示框。用于提供可选的辅助信息,帮助读者更加成功或高效地完成任务。通常包含一些实用的建议或最佳实践。

重要信息 (important)#

标记关键信息,这些信息对于读者理解内容或完成任务至关重要:

IMPORTANT

这是重要信息框。用于标记关键信息,这些信息对于读者理解内容或完成任务至关重要。请确保读者不会忽略这些内容。

警告信息 (warning)#

标记需要立即关注的关键内容,因为可能存在潜在风险:

WARNING

这是警告信息框。用于标记需要立即关注的关键内容,因为可能存在潜在风险。读者在继续操作前应该特别注意这些信息。

谨慎提示 (caution)#

提醒读者注意某个操作的潜在负面后果:

CAUTION

这是谨慎提示框。用于提醒读者注意某个操作的潜在负面后果。在执行某些可能有风险的操作前,请仔细阅读这些提示。

基础语法#

使用三冒号语法定义提示框类型:

::::note
这是普通的提示框。
::::
::::tip
这是技巧提示框。
::::
::::important
这是重要信息框。
::::
::::warning
这是警告信息框。
::::
::::caution
这是谨慎提示框。
::::

自定义标题#

你可以为提示框添加自定义标题,让信息更加明确:

自定义标题

这是一个带有自定义标题的提示框。自定义标题可以让提示信息更加具体和明确。

::::note[自定义标题]
这是一个带有自定义标题的提示框。
::::

GitHub 风格语法#

除了三冒号语法,还支持 GitHub 风格的引用提示语法:

NOTE

GitHub 风格的普通提示框语法。

TIP

GitHub 风格的技巧提示框语法。

WARNING

GitHub 风格的重要信息框语法。

WARNING

GitHub 风格的警告信息框语法。

GitHub 风格的谨慎提示框语法。

> [!NOTE]
> GitHub 风格的普通提示框语法。
> [!TIP]
> GitHub 风格的技巧提示框语法。
> [!IMPORTANT]
> GitHub 风格的重要信息框语法。
> [!WARNING]
> GitHub 风格的警告信息框语法。
> [!CAUTION]
> GitHub 风格的谨慎提示框语法。

🎭 折叠内容 (Spoiler)#

基础用法#

折叠内容功能允许你隐藏特定文本,读者需要点击才能查看。这对于避免剧透或隐藏次要信息非常有用。

默认情况下,折叠内容使用 “点击显示” 作为标签。

The content is hidden ayyy!

The content :spoiler[is hidden **ayyy**]!

自定义标签#

你可以为折叠内容设置自定义标签:

隐藏内容 这里是被折叠的内容,点击查看!

隐藏内容 :spoiler[这里是被折叠的内容,点击查看]!

应用场景#

  1. 避免剧透: 在影评或游戏评测中隐藏关键情节
  2. 隐藏细节: 将技术细节折叠,保持主要内容的简洁
  3. 答案保护: 在练习题中隐藏答案
  4. 隐私信息: 隐藏敏感的个人或商业信息

高级技巧#

折叠内容支持完整的 Markdown 语法,包括加粗、斜体、链接等:

The secret The answer is 42 according to the Hitchhiker’s Guide to the Galaxy!

The secret :spoiler[The answer is **42** according to the Hitchhiker's Guide to the Galaxy!]

🎯 实用组合技巧#

提示框与代码结合#

在提示框中嵌入代码块,提供更完整的说明:

最佳实践

使用 RAG 时,建议按照以下顺序优化系统:

  1. 提示词工程
  2. 检索增强生成 (RAG)
  3. 模型微调
# 示例代码
def rag_pipeline(query, knowledge_base):
# 检索相关文档
context = retrieve(query, knowledge_base)
# 增强生成
response = generate(query, context)
return response

多提示框组合#

在复杂的技术文档中,可以组合使用不同类型的提示框来引导读者:

前置知识

在阅读本文之前,你应该具备以下基础:

  • 了解 Python 基本语法
  • 熟悉机器学习基本概念
  • 有一定的编程经验
学习建议

建议按照以下顺序学习:

  1. 先理解核心概念
  2. 再动手实践示例代码
  3. 最后深入分析源码
注意事项

实践过程中请注意:

  • 确保环境配置正确
  • 注意版本兼容性问题
  • 及时备份重要数据
关键要点

掌握这些扩展功能将帮助你:

  • 提升博客的可读性
  • 增强用户体验
  • 让技术文档更加专业

📊 功能对比与选择#

功能适用场景优势注意事项
GitHub 仓库卡片项目展示、工具推荐实时数据、自动更新依赖 GitHub API
note 提示框一般信息提醒醒目不突兀不滥用,避免视觉疲劳
tip 提示框技巧建议、最佳实践颜色友好,鼓励阅读确保内容有价值
important 提示框关键信息、核心要点视觉强调,不容忽视仅用于真正重要的内容
warning 提示框警告、风险提示强烈视觉冲击避免过度使用
caution 提示框谨慎操作、潜在风险引起注意,避免错误准确描述风险
spoiler剧透、答案隐藏交互性好,保护信息不用于正常内容

🎨 视觉设计原则#

颜色运用#

  • 蓝色系 (note): 传递信息、提供补充说明
  • 绿色系 (tip): 积极正向、鼓励探索
  • 紫色系 (important): 重要但不紧急、强调价值
  • 黄色系 (warning): 警示注意、需要立即关注
  • 红色系 (caution): 风险提示、需要谨慎处理

使用频率建议#

在技术文档中,建议遵循以下使用频率原则:

  1. note - 可频繁使用,但要有实际价值
  2. tip - 适量使用,确保内容质量
  3. important - 按需使用,避免泛滥
  4. warning - 谨慎使用,只在真正需要时
  5. caution - 最少使用,仅用于高风险场景

🚀 进阶应用#

创建交互式教程#

结合多种扩展功能,创建交互式的学习体验:

教程目标

本教程将教你如何搭建一个完整的 AI 应用。

环境准备

确保你已经安装了以下工具:

  • Python 3.8+
  • pip 包管理器
  • Git 版本控制
费用注意

本教程会消耗 API 配额,建议:

  • 先在测试环境验证
  • 设置预算提醒
  • 监控使用情况
学习成果

完成本教程后,你将能够:

  • 集成 OpenAI API
  • 构建基础对话系统
  • 理解最佳实践

技术文档最佳实践#

在撰写技术文档时,合理使用扩展功能:

:::note[章节概述]
本章介绍系统的核心架构和设计理念。
:::
主要内容:
:::tip[学习重点]
重点关注数据流和模块交互方式。
:::
1. 系统架构设计
2. 核心模块说明
3. 数据流转过程
:::warning[常见问题]
部署时请注意端口占用和权限配置。
:::
:::important[关键要点]
掌握这些内容是系统维护的基础。
:::
高级内容(展开查看):
:::spoiler[深度阅读]
了解底层实现细节和优化策略。
:::

📝 写作建议#

内容组织#

  1. 合理使用提示框: 不要过度使用,每个提示框都应该有其存在的价值
  2. 保持一致性: 在整个文档中使用一致的提示框风格
  3. 注重层次: 使用不同类型的提示框创建信息层次
  4. 视觉平衡: 避免在短距离内使用过多的提示框

读者体验#

  1. 快速扫描: 确保读者通过提示框就能抓住重点
  2. 深度阅读: 为想要深入了解的读者提供详细信息
  3. 交互友好: 使用折叠内容保护敏感信息,避免剧透
  4. 视觉舒适: 注意色彩搭配和空间布局

通过合理运用这些 Markdown 扩展功能,你可以创建既美观又实用的技术文档,为读者提供更好的阅读体验。


📚 相关文章:

🎯 下期预告: 我们将介绍如何使用这些扩展功能来创建交互式教程和案例研究。

大模型系列——Markdown扩展功能详解
https://llmhello.com/posts/2025_11/markdown-extended/
作者
Happy Zhuang
发布于
2025-11-06
许可协议
CC BY-NC-SA 4.0