EchoHue 主题短代码功能演示

　发布于 2026-8-8 10:38 阅读：93

本文用于演示 EchoHue 主题内置的短代码系统。以下所有效果均为主题原生功能，无需安装任何插件。文中涉及的示例链接与图片地址请替换为你自己的资源。

一、提示框（Hint）

提示框适用于强调、提醒、报错等场景，共四种配色：

[success]操作成功！文章发布成功，并已生成分享海报。[/success]

[info]小提示：文章中的图片会自动启用懒加载，点击图片可查看原图。[/info]

[warning]注意：请在文章设置中填写文章封面图，否则将使用默认封面。[/warning]

[danger]危险操作：删除文章后将无法恢复，请谨慎操作！[/danger]

使用 [player] 短代码可以在文章中嵌入视频，支持封面图：

[player url="https://cdn.lewz.cn/7acd03f3a252461eb1ac0ea6eb83b4ad.mp4" pic="//content/uploadfile/202607/3df81784167717.png"]

链接卡片适合推荐工具、友站等场景：

网盘卡片内置百度、夸克、阿里云、蓝奏云、360、腾讯微云、城通、GitHub 等网盘图标：

[cloud type="baidu" title="项目源码.zip" url="https://pan.baidu.com/s/xxxxxxxx" password="abcd"]
[cloud type="github" title="GitHub 仓库地址" url="https://github.com/yourname/yourrepo"]

折叠框适合收起长内容、问答、剧透等：

[fold title="点击展开：主题安装步骤" type="close"]

[fold title="默认展开的折叠框" type="open"]
这段内容默认是展开显示的，读者可以直接看到。
[/fold]

宫格图片用于并排展示多张图片，列数与间距可调：

代码块会自动添加顶栏与「复制」按钮，配合 Prism 高亮：

<?php
// EchoHue 主题演示代码
function hello_echohue($name = 'world')
{
    return sprintf('Hello, %s! EchoHue 欢迎你。', $name);
}
echo hello_echohue();

// 复制按钮由主题自动生成
console.log('代码已高亮，支持一键复制');