EchoHue 主题短代码功能演示

举报该广告

违法/违规内容 虚假/诈骗信息 涉黄/暴力 其他 / 自定义...

取消 提交

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

一、提示框（Hint）

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

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

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

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

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

二、视频播放器（Player）

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

[player url="https://cdn.lewz.cn/mp4/起风了.mp4" pic="https://b.zxki.cn/content/uploadfile/202608/a4441786203755.png"]

三、链接卡片（ToLink）

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

[tolink title="躺平目录" url="https://nav.lewz.cn/" favicon="https://nav.lewz.cn/content/uploadfile/202608/40d81785853193.png"]

四、网盘下载卡片（Cloud）

网盘卡片内置百度、夸克、阿里云、蓝奏云、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）

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

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

1. 下载主题压缩包并解压
2. 将 EchoHue 文件夹上传至 content/templates/ 目录
3. 后台「模板」中选择并启用主题
4. 在「主题设置」中完成个性化配置
   [/fold]

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

六、宫格图片（GridImg）

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

[GridImg columns="2" gap="10px"]




[/GridImg]

七、代码块（自动美化 + 复制按钮）

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

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

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