joe主题的样式该怎么写?

由于最终我转到了Handsome主题，所以之前的效果可能无法再看到，但是只要将代码复制到新环境中，它们应该仍然可用。

之前我一直使用的是Joe的4.5版本主题。在那个版本中，输入特殊字符后，CSS美化样式是通过方括号 [] 来实现的。然而，昨天我升级到了6版本后，发现所有样式都被取消了。我去查看了Joe的网站，发现他将样式改成了使用花括号 {}，但有些样式可能也改了名字，不能像以前那样使用了。

因此，我尝试简单修改了一下这些样式：

1. 标题：

   {mtitle title="标题标题标题"}

   这个修改了名称，以前的我记得是使用 line。

2. 按钮：

   {btn href="" type="default"}默认按钮{/btn}

3. 提示消息：

   {alt type="success"}成功提示的文案{/alt}

4. 卡片：

   {card-default width="100%" label="卡片标题"}卡片内容{/card-default}

5. 隐藏内容：

   {collapse}
   {collapse-item label="标题"}我是隐藏的{/collapse-item}
   {collapse-item label="标题"}我是隐藏的{/collapse-item}
   {/collapse}

6. 时间线：

   {timeline}
   {timeline-item}他出生了{/timeline-item}
   {timeline-item}他挂了{/timeline-item}
   {/timeline}

7. 点击复制：

   {copy}我是一个内容{/copy}

8. 打字机效果：

   {typing}打字机打字机，如果没有看到可以刷新再看一遍{/typing}

9. 卡片导航：

   {card-nav}
   {card-nav-item src="http://baidu.com" title="百度一下" img="https://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg" /}
   {card-nav-item src="http://baidu.com" title="百度一下" img="https://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg" /}
   {/card-nav}

如果需要更多的示例，请查看文件路径：/usr/themes/Joe-master/core/short.php。