富文本功能演示:Markdown 的极致体验
富文本功能演示
ReWeave 提供了丰富的 Markdown 扩展功能,让你的内容表达更加生动。
1. 语法高亮
我们集成了 rehype-highlight,并默认使用 github-dark 主题。
// TypeScript 示例
interface User {
id: number;
name: string;
}
function greet(user: User) {
console.log(`Hello, ${user.name}!`);
}
# Python 示例
def fib(n):
a, b = 0, 1
while a < n:
print(a, end=' ')
a, b = b, a+b
print()
2. Mermaid 图表
原生支持 Mermaid 图表,无需额外插件。
3. GFM 表格
| 功能 | 支持情况 | 备注 |
|---|---|---|
| 加粗 | ✅ | 标准 Markdown |
| 斜体 | ✅ | 标准 Markdown |
代码 |
✅ | 行内代码 |
| 表格 | ✅ | 通过 remark-gfm |
| Mermaid | ✅ | 客户端 JS 渲染 |
4. 增强的目录功能 (TOC)
本页面右侧(或上方)的目录具有以下特性:
- 平滑滚动:点击链接平滑跳转到对应章节。
- 自动高亮:滚动时自动高亮当前阅读的章节。
- 折叠动画:支持平滑的展开与折叠效果。
5. 引用与列表
“预测未来的最好方法就是去创造它。” —— Alan Kay
- 项目 1
- 项目 2
- 子项目 A
- 子项目 B
