Examples

示例页面

这里展示了 Butterfly 主题的各种功能和样式示例。

📝 文本样式

基本格式

这是 粗体 文本，这是 斜体 文本，这是 行内代码。

引用

这是一个引用文本。

可以用来展示重要信息或引用他人的话语。

列表

无序列表

• 第一项
• 第二项
  • 子项 1
  • 子项 2
• 第三项

有序列表

1. 第一步
2. 第二步
3. 第三步

🎨 颜色标签

红色文字 |
青色文字 |
蓝色文字 |
绿色文字

💾 代码示例

JavaScript

function greetings(name) {
    console.log(`Hello, ${name}!`);
    return `Welcome to Butterfly theme!`;
}

greetings('Developer');

Python

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

# 生成斐波那契数列
for i in range(10):
    print(fibonacci(i))

CSS

.butterfly-theme {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

📊 表格示例

功能	状态	描述
响应式设计	✅	支持各种设备
暗色模式	✅	护眼模式
搜索功能	✅	本地搜索
评论系统	⚠️	需要配置
音乐播放	⚠️	可选功能

🔗 链接示例

• Butterfly 主题文档
• Hexo 官网
• GitHub

📷 图片示例

🏷️ 标签样式

Ctrl + C 复制
Ctrl + V 粘贴

📋 任务列表

• 完成主题配置
• 创建示例页面
• 添加更多内容
• 优化加载速度

⚠️ 提示框

注意: 这是一个重要提示信息。

提示: 记得定期备份你的博客数据。

警告: 修改主题文件前请先备份。

---

🎉 感谢使用 Butterfly 主题！

希望这个示例页面对你有帮助。