本文旨在集中展示 Next.js 版 Stellar 目前已复刻的所有组件效果。

1. Note (提示块)

Info 提示块
普通信息提示块。
Warning 警告块
操作需谨慎!
Success 成功块
恭喜,操作成功完成。
Error 错误块
发生了一个严重的错误。
自定义颜色 (Purple)
这是一个紫色的提示块。

2. Timeline (时间轴)

2026-01-01
项目立项 确定使用 Next.js 重构博客。
2026-01-15
基础建设 完成路由 setup 和数据库连接。
2026-02-02
组件复刻 Note, Timeline, Grid 等组件复刻完成。

3. Grid (网格布局)

**网格项 1** 内容文本
**网格项 2** 更多内容
**网格项 3**
甚至可以放 Note

4. Folding (折叠块)

默认折叠
这里是隐藏的内容。 点击展开查看更多。
默认展开
这个卡片默认是展开的。

5. Tabs (选项卡)

```javascript console.log('Hello World'); ```
```python print("Hello World") ```
这是一段普通的文本内容。

普通卡片:

富文本卡片 (带图标和描述):

7. Button (按钮)

开始使用 警告按钮 # warning 小按钮 # 大按钮 #

8. About (关于卡片)

**Stellar Theme** 这是一个基于 Next.js 复刻的 Stellar 主题。 追求像素级的完美还原。

9. Friends (友链)

Loading Friends...

感谢观看!