正在计算文章时效性...
AI 摘要
AI Generated
文章介绍了博客展示Markdown渲染效果的示例,包括文本格式、列表、代码块、表格、引用、分隔线、图片、数学公式、折叠内容和结语等。
本摘要由 AI 生成,仅供参考,内容准确性请以原文为准。
欢迎来到异飨客的博客 👋
这是一篇展示博客 Markdown 渲染效果 的示例文章。让我们一起探索各种 Markdown 语法在这个博客中的呈现效果吧!
文本格式
Markdown 支持多种文本格式:
- 粗体文字 - 使用双星号包裹
- 斜体文字 - 使用单星号包裹
删除线- 使用波浪线包裹行内代码- 使用反引号包裹- 链接文本 - 使用方括号和圆括号
列表
无序列表
- 第一项
- 第二项
- 嵌套项 1
- 嵌套项 2
- 第三项
有序列表
- 第一步
- 第二步
- 第三步
- 子步骤 A
- 子步骤 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 支持 | ✅ 完整支持 |
引用
“知识就是力量。” —— 弗朗西斯·培根
💡 提示 这是一个提示块,可以用来强调重要信息。
分隔线
使用三个或更多的星号、减号或下划线可以创建分隔线:
图片

数学公式
行内公式:
块级公式:
折叠内容
点击展开更多内容
这是折叠起来的内容。可以用来隐藏一些补充信息,保持文章整洁。
- 隐藏的细节 1
- 隐藏的细节 2
- 隐藏的细节 3
结语
感谢你阅读这篇示例文章!这个博客支持丰富的 Markdown 语法,让你可以专注于内容创作。
如果你有任何问题或建议,欢迎在评论区留言交流!🎉
内容已更新
检测到文章内容有变化,已为您高亮差异部分。
评论区
在Github登录 来评论