导航菜单
登录 注册

链接卡片

[tabs active="2"]
[tab title="格式"]

[x-link url="https://www.mailstore.com/en/products/mailstore-home/" title="MailStore Home - Free Email Archiving & Backup for Home Users" /]

[/tab]
[tab title="演示"]
[x-link url="https://www.mailstore.com/en/products/mailstore-home/" title="MailStore Home - Free Email Archiving & Backup for Home Users" /]
[/tab]
[/tabs]

相册

[tabs active="2"]
[tab title="格式"]

[photos]
![1 - 053773756b893313e8508e1f9542fc306a6a9116.webp](https://xiamp.net/usr/uploads/2024/05/2359162962.webp#568x476)
![2 - 0c36f6db18d9fdd389cf815a2e4258d3d42f12f2.webp](https://xiamp.net/usr/uploads/2024/05/3114506810.webp#548x476)
![3 - 014f5a24a0e92284e34d1e805fa818555bda7e55.webp](https://xiamp.net/usr/uploads/2024/05/2566327102.webp#720x1016)
![4 - bfa46e8efe7e34ef265d32b0eefa5209ff056a72.webp](https://xiamp.net/usr/uploads/2024/05/4159546838.webp#1072x1452)
![5 - 36f925d3b8ed203b11bd0cc5903aa898f108ba2d.webp](https://xiamp.net/usr/uploads/2024/05/475391477.webp#1072x1268)
![6 - 8bf12a1a0c89c9edb2a162462baf848f7e966082.webp](https://xiamp.net/usr/uploads/2024/05/2935044706.webp#1076x1032)
![7 - a297e10056515c8b670a8822927915ea72becbf9.webp](https://xiamp.net/usr/uploads/2024/05/1823106138.webp#1076x1036)
![8 - 1f372c88f85014905ff190511564772be8b41d07.webp](https://xiamp.net/usr/uploads/2024/05/346363642.webp#1080x1044)
![9 - a2e5170a040597db0a25054e2730796b5d2f2e75.webp](https://xiamp.net/usr/uploads/2024/05/826900765.webp#1076x1036)
![10 - b8be15ae067379ca1051140ca8e0cf183bbbf133.webp](https://xiamp.net/usr/uploads/2024/05/2270761853.webp#412x528)
[/photos]

[/tab]
[tab title="演示"]
[photos]
1 - 053773756b893313e8508e1f9542fc306a6a9116.webp
2 - 0c36f6db18d9fdd389cf815a2e4258d3d42f12f2.webp
3 - 014f5a24a0e92284e34d1e805fa818555bda7e55.webp
4 - bfa46e8efe7e34ef265d32b0eefa5209ff056a72.webp
5 - 36f925d3b8ed203b11bd0cc5903aa898f108ba2d.webp
6 - 8bf12a1a0c89c9edb2a162462baf848f7e966082.webp
7 - a297e10056515c8b670a8822927915ea72becbf9.webp
8 - 1f372c88f85014905ff190511564772be8b41d07.webp
9 - a2e5170a040597db0a25054e2730796b5d2f2e75.webp
10 - b8be15ae067379ca1051140ca8e0cf183bbbf133.webp
[/photos]
[/tab]
[/tabs]

居中标题

[tabs]
[tab name="格式"]

[x-title]居中标题[/x-title]

[/tab]
[tab name="演示" active="true"]
[x-title]居中标题[/x-title]
[/tab]
[/tabs]

多彩文字

[tabs active="2"]
[tab title="格式"]

[x-span class="text-primary"]测试文本[/x-span]
[x-span class="text-secondary"]测试文本[/x-span]
[x-span class="text-light"]测试文本[/x-span]
[x-span class="text-dark"]测试文本[/x-span]
[x-span class="text-info"]测试文本[/x-span]
[x-span class="text-success"]测试文本[/x-span]
[x-span class="text-warning"]测试文本[/x-span]
[x-span class="text-muted"]测试文本[/x-span]

[/tab]
[tab title="演示"]
[x-span type="primary"]测试文本[/x-span]
[x-span type="secondary"]测试文本[/x-span]
[x-span type="light"]测试文本[/x-span]
[x-span type="dark"]测试文本[/x-span]
[x-span type="info"]测试文本[/x-span]
[x-span type="success"]测试文本[/x-span]
[x-span type="warning"]测试文本[/x-span]
[x-span type="danger"]测试文本[/x-span]
[x-span style="--color:#ffffff;--background:#327181;--padding:5px"]测试文本[/x-span]
[/tab]
[/tabs]

高亮引用(提示框)

[tabs active="2"]
[tab title="格式"]

::: info
提示框
:::
::: tip
提示框
:::
::: tip
提示框
:::
::: tip
提示框
:::
::: info
提示框
:::
::: success
提示框
:::
::: warning
提示框
:::

[/tab]
[tab title="演示"]

INFO

提示框

TIP

提示框

TIP

提示框

TIP

提示框

INFO

提示框

SUCCESS

提示框

WARNING

提示框

[/tab]
[/tabs]

回复可见

[tabs active="2"]
[tab title="格式"]

::: pass:comment

回复可见内容

:::

[/tab]
[tab title="演示"]

回复可见
此处内容已隐藏,回复后(需要填写邮箱)可见

[/tab]
[/tabs]

播放音频

[tabs active="2"]
[tab title="格式"]

[audio src="https://shadowsocks.eu.org/d/Music/EDM%20Club%20Sugar%20Free%20Edition%20(Limited%20Edition)/9.T-ARA%20-%20Sugar%20Free%20(English%20Version)%20%5BOriginal%20Edit%5D.flac" autoplay="off"/]

[x-album]
[x-audio url="https://shadowsocks.eu.org/d/Music/TARA'S%20Free%20Time%20in%20Paris%26Swiss/10.T-ARA%20-%20Poly%20-%20Poly%20(Remixed).mp3" name="Roly Poly (Remixed)" artist="T-ARA" /]
[x-audio url="https://shadowsocks.eu.org/d/Music/SENPASS/3.%EC%A7%80%EC%97%B0%20-%20Take%20a%20Hike%20(CHN%20ver.).wav" artist="지연" /]
[x-audio url="https://shadowsocks.eu.org/d/Music/Mirage/1.T%E2%80%90ARA%20-%20Sexy%20Love.wav" artist="T‐ARA" /]
[/x-album]

[/tab]
[tab title="演示"]
[audio src="https://shadowsocks.eu.org/d/Music/EDM%20Club%20Sugar%20Free%20Edition%20(Limited%20Edition)/9.T-ARA%20-%20Sugar%20Free%20(English%20Version)%20%5BOriginal%20Edit%5D.flac" autoplay="off"/]

[x-album]
[x-audio url="https://shadowsocks.eu.org/d/Music/TARA'S%20Free%20Time%20in%20Paris%26Swiss/10.T-ARA%20-%20Poly%20-%20Poly%20(Remixed).mp3" name="Roly Poly (Remixed)" artist="T-ARA" /]
[x-audio url="https://shadowsocks.eu.org/d/Music/SENPASS/3.%EC%A7%80%EC%97%B0%20-%20Take%20a%20Hike%20(CHN%20ver.).wav" artist="지연" /]
[x-audio url="https://shadowsocks.eu.org/d/Music/Mirage/1.T%E2%80%90ARA%20-%20Sexy%20Love.wav" artist="T‐ARA" /]
[/x-album]
[/tab]
[/tabs]

插入视频

支持直链、Youtube 和哔哩哔哩
[tabs active="2"]
[tab title="格式"]

[x-player src="https://www.youtube.com/watch?v=LqfimuFAFJ8" autoplay="off" /]
[x-bilibili id="BV1kb4y1s7Gz" /]

[/tab]
[tab title="演示"]
[x-player src="https://www.youtube.com/watch?v=LqfimuFAFJ8" autoplay="off" /]
[x-bilibili id="BV16T411L7Cs" /]
[/tab]
[/tabs]

按钮

[tabs active="2"]
[tab title="格式"]

[x-btn type="primary" icon="fa-link" href="https://xiamp.net" content="测试按钮" /]
[x-btn type="secondary" icon="fa-download" href="https://xiamp.net" content="下载大片" /]
[x-btn type="light" icon="fa-video-camera" href="https://xiamp.net" content="观看大片" /]
[x-btn type="info" href="https://xiamp.net" content="测试按钮" /]

[/tab]
[tab title="演示"]
[x-btn type="primary" icon="fa-link" href="https://xiamp.net" content="测试按钮" /] [x-btn type="secondary" icon="fa-download" href="https://xiamp.net" content="下载大片" /]
[x-btn type="light" icon="fa-video-camera" href="https://xiamp.net" content="观看大片" /]
[x-btn type="info" href="https://xiamp.net" content="测试按钮" /]
[/tab]
[/tabs]

Github 卡片

[tabs active="2"]
[tab title="格式"]

[x-github url="https://github.com/highlightjs" /]
[x-github url="https://github.com/highlightjs/highlight.js" /]

[/tab]
[tab title="演示"]
[x-github url="https://github.com/highlightjs" /]
[x-github url="https://github.com/highlightjs/highlight.js" /]
[/tab]
[/tabs]

Typecho随机文章与同分类下随机文章的实现
上一篇
AAEditor 新增 Meting 音乐插入按钮
下一篇