Just One Lemon

← 返回首页

能力演示

2026-08-05 · 演示Markdown样式

文字格式演示

粗体 · 斜体 · 删除线 · 行内代码 · ==高亮== · 上标 · 下标

这是一段引用文字。支持多行。 第二行继续引用。

列表

  • 无序列表项 1
  • 无序列表项 2
    • 嵌套项
    • 另一个嵌套项
  • 无序列表项 3
  1. 有序列表项 1
  2. 有序列表项 2
  3. 有序列表项 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

← 返回首页