Datehoer's Blog

joe主题的样式该怎么写?

4/5/2021 博客

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

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

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

  1. 标题：

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

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

  2. 按钮：

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

  3. 提示消息：

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

  4. 卡片：

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

  5. 隐藏内容：

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

  6. 时间线：

    {timeline}
{timeline-item}他出生了{/timeline-item}
{timeline-item}他挂了{/timeline-item}
{/timeline}
    1
    2
    3
    4

  7. 点击复制：

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

  8. 打字机效果：

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

  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}
    1
    2
    3
    4

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