本文旨在集中展示 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")
```
这是一段普通的文本内容。
6. Link (链接卡片)
普通卡片：
富文本卡片 (带图标和描述)：
7. Button (按钮)
开始使用 警告按钮 # warning 小按钮 # 大按钮 #
8. About (关于卡片)
**Stellar Theme**
这是一个基于 Next.js 复刻的 Stellar 主题。
追求像素级的完美还原。
9. Friends (友链)
Loading Friends...
感谢观看！