· 1,208 chars · 2 min

欢迎来到异飨客的博客

展示博客对 Markdown 的各种渲染效果,包括标题、列表、代码块、表格等

AI
AI 摘要
AI Generated
文章介绍了博客展示Markdown渲染效果的示例,包括文本格式、列表、代码块、表格、引用、分隔线、图片、数学公式、折叠内容和结语等。
本摘要由 AI 生成,仅供参考,内容准确性请以原文为准。

欢迎来到异飨客的博客 👋

这是一篇展示博客 Markdown 渲染效果 的示例文章。让我们一起探索各种 Markdown 语法在这个博客中的呈现效果吧!

文本格式

Markdown 支持多种文本格式:

  • 粗体文字 - 使用双星号包裹
  • 斜体文字 - 使用单星号包裹
  • 删除线 - 使用波浪线包裹
  • 行内代码 - 使用反引号包裹
  • 链接文本 - 使用方括号和圆括号

列表

无序列表

  • 第一项
  • 第二项
    • 嵌套项 1
    • 嵌套项 2
  • 第三项

有序列表

  1. 第一步
  2. 第二步
  3. 第三步
    1. 子步骤 A
    2. 子步骤 B

任务列表

  • 已完成的项目
  • 另一个已完成的项目
  • 待完成的项目
  • 另一个待完成的项目

代码块

行内代码

使用 console.log('Hello World') 可以快速展示代码片段。

代码块

// JavaScript 示例
function greet(name) {
  return `Hello, ${name}! Welcome to my blog.`;
}

console.log(greet('访客'));
# Python 示例
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(f"斐波那契数列第 10 项: {fibonacci(10)}")
/* CSS 示例 */
.blog-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  line-height: 1.8;
}

表格

功能描述支持情况
标题六级标题支持✅ 完整支持
列表有序/无序/任务列表✅ 完整支持
代码语法高亮✅ 完整支持
表格对齐和格式化✅ 完整支持
数学公式LaTeX 支持✅ 完整支持

引用

“知识就是力量。” —— 弗朗西斯·培根

💡 提示 这是一个提示块,可以用来强调重要信息。

分隔线

使用三个或更多的星号、减号或下划线可以创建分隔线:


图片

博客占位图

数学公式

行内公式:E=mc2E = mc^2

块级公式:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

折叠内容

点击展开更多内容

这是折叠起来的内容。可以用来隐藏一些补充信息,保持文章整洁。

  • 隐藏的细节 1
  • 隐藏的细节 2
  • 隐藏的细节 3

结语

感谢你阅读这篇示例文章!这个博客支持丰富的 Markdown 语法,让你可以专注于内容创作。

如果你有任何问题或建议,欢迎在评论区留言交流!🎉

内容已更新

检测到文章内容有变化,已为您高亮差异部分。

这篇文章是否对你有帮助?

发现错误或想要改进这篇文章?

在 GitHub 上编辑此页

文章修订历史 (8 次)

查看变更记录
2026年3月13日 8855600

feat(通知组件): 优化通知组件的暗黑模式样式

2026年3月13日 bb48ce8

docs(blog): 更新欢迎博客的结语部分

2026年3月13日 3cab77c

feat: 添加暗黑模式支持并优化通知组件

2026年3月13日 0d76044

feat(文章差异): 实现文章更新差异高亮与跳转功能

2026年3月12日 263af50

docs(blog): 修正欢迎博客中的数字错误

2026年3月12日 e98a183

docs(blog): 移除测试内容123123

2026年3月12日 6e48e25

docs: 更新博客文章和README的格式与内容

2026年3月12日 65cd953

feat: 添加说说页面及相关功能组件

欢迎来到异飨客的博客
作者
异飨客
发布于
许可协议
CC BY-NC-SA 4.0

评论区

文章更新