Eidolon 主题支持短代码。除兼容 Mirages 的全部短代码外,额外增加了“Tools”组件。
善于运用短代码可以使文章内容更丰富。
短代码的统一书写形式:
[shortcode param="value"]内容[/shortcode]
亦或是
[shortcode param="value"/]
直接在 MarkDown 源代码里书写即可,博客构建时会自动将其转换为对应样式。
链接按钮
短代码名称:button
生成一个按钮样式的超链接。
[button href="https://src.luming.cool/riseforever2026/Eidolon"]Eidolon 主题[/button]| 参数名 | 含义 |
|---|---|
| href | 欲跳转到的链接 |
| 内容 | 按钮标题 |
选项卡
短代码名称:tabs
生成一个多标签页的卡片。
[tabs][tab name="标签页1标题"]我是标签页1的内容[/tab][tab name="标签页2标题"]我是标签页2的内容[/tab][tab name="标签页3标题" selected]我是标签页3的内容[/tab][tab name="标签页4标题"]我是标签页4的内容[/tab][/tabs]如你所见。
| 参数名 | 含义 |
|---|---|
| name | 标签页的名称 |
| selected | 默认选中的标签页 |
| 内容 | 标签页内显示的内容 |
提示框、警告框
短代码名称:hint,tip
生成一个提示或警告卡片。
[hint]提示内容[/hint]
[hint warn]警告内容[/hint]
[hint type="danger" title="提示标题"]提示内容[/hint]| 参数名 | 含义 |
|---|---|
| type | 提示类型,默认为 info,在没有警告标题的情况下,可以直接将提示类型的值写到参数处。可选的提示类型为 info,warning(同 warn), danger(同 error),success |
| title | 提示标题 |
| 内容 | 提示内容 |
下载文件
短代码名称:file
生成一个下载文件的卡片。
[file url="https://example.com/download.zip"]示例文件名[/file]| 参数名 | 含义 |
|---|---|
| href | 下载文件的链接 |
| 内容 | 文件名 |
标签
短代码名称:tag,label
生成一个标签。
[tag]默认 Tag[/tag][tag type="primary"]文字的颜色[/tag][tag type="info"]文字的颜色[/tag][tag type="warn"]文字的颜色[/tag][tag type="danger"]文字的颜色[/tag][tag type="success"]文字的颜色[/tag]
[tag outline]文字的颜色[/tag][tag type="primary" outline]文字的颜色[/tag][tag type="info" outline]文字的颜色[/tag][tag type="warn" outline]文字的颜色[/tag][tag type="danger" outline]文字的颜色[/tag][tag type="success" outline="1"]文字的颜色[/tag]默认 Tag
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
文字的颜色
| 参数名 | 含义 |
|---|---|
| type | 默认为 default,可选值为 info,warning(同 warn), danger(同 error),success,primary, default |
| outline | 是否使用 outline 样式的标签 |
| 内容 | 标签展示的文字 |
快速输入警告符:
短代码名称:!
快速输入:
[!/]
折叠框
短代码名称:collapse
可以点击标题展开 / 折叠的内容。
[collapse title="标题"]折叠内容[/collapse]标题
折叠内容
| 参数名 | 含义 |
|---|---|
| title | 折叠框标题 |
| 内容 | 折叠框内容 |
GitHub
短代码名称:github
放置一个 Github 仓库控件。
[github repo="virelyx258/Astro-Theme-Eidolon" /]Stars 0Forks 0
An aesthetic theme that built with Astro.
Read More| 参数名 | 含义 |
|---|---|
| repo | Github 仓库所属用户及仓库名。格式:用户名/仓库名 |
工具列表
短代码名称:tools
放置一个工具列表卡片。
[tools title = "设计"][Canva](https://www.canva.cn)+(https://image.luming.cool/i/2026/08/07/6a75ba231df9b.webp)/(图像设计)[即时设计](https://js.design)+(https://image.luming.cool/i/2026/08/07/6a75c0b9bbf29.webp)/(UI 设计)[Microsoft 365](https://m365.cloud.microsoft/)+(https://image.luming.cool/i/2026/08/07/6a75bd0318e8e.webp)/(文档处理)[剪映](https://www.capcut.cn/)+(https://image.luming.cool/i/2026/08/07/6a75bf6a337d1.webp)/(视频剪辑)[/tools]| 参数名 | 含义 |
|---|---|
| title | 工具集名称 |




评论