能力演示
文字格式演示
粗体 · 斜体 · 删除线 · 行内代码 · ==高亮== · 上标 · 下标
这是一段引用文字。支持多行。 第二行继续引用。
列表
- 无序列表项 1
- 无序列表项 2
- 嵌套项
- 另一个嵌套项
- 无序列表项 3
- 有序列表项 1
- 有序列表项 2
- 有序列表项 3
任务列表
- 已完成任务
- 第二个完成的任务
- 未完成的任务
- 另一个待办事项
表格
| 功能 | 支持 | 备注 |
|---|---|---|
| 粗体 | ✅ | bold |
| 斜体 | ✅ | italic |
| 代码 | ✅ | code |
复杂 HTML 演示
1. 自定义样式
大号橙色文字
渐变文字效果
2. CSS 动画
3. 两栏布局
左栏
这是左栏内容。可以放任何东西:文字、图片、代码等。
右栏
这是右栏内容。展示卡片效果。
带左侧边框的提示框
4. 可折叠面板
点击展开更多内容
这里是折叠区域的内容。可以放 任何 Markdown 或 HTML:
- 列表项
- 图片
- 代码块
console.log("Hello from collapsed section!");
5. 进度条
项目进度:
75%
6. 代码块
function fibonacci(n) {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
}
console.log(fibonacci(10)); // 55
def hello():
print("Hello, Just One Lemon!")
print("支持各种语言的代码块")
7. 图片
柠檬 SVG 矢量图
SVG 艺术图形
8. 引用和装饰
💡 小贴士
当前方案支持在 Markdown 中直接写原生 HTML,这意味着你的想象力就是唯一的限制。
总结
| 能力 | 是否支持 | 实现方式 |
|---|---|---|
| 文字格式 | ✅ | Markdown 语法 |
| 图片/SVG | ✅ | <img> 或内联 <svg> |
| CSS 动画 | ✅ | <style> 标签 |
| 自定义样式 | ✅ | style 属性 |
| 复杂布局 | ✅ | <div> + Flex/Grid |
| 可折叠面板 | ✅ | <details> |
| 代码高亮 | ⚠️ 需配置 | 引入 highlight.js |
| 数学公式 | ⚠️ 需配置 | 引入 MathJax |
| Mermaid 图表 | ⚠️ 需配置 | 引入 Mermaid |