MENU

Mirages主题的短代码

August 2, 2019 • Read: 59 • 教程·折腾

短代码是Mirages主题提供的一种快速生成特定内容的方式。
我认为是针对typecho解析markdown的不足作出的补充和增加多样化展示的一种方式

具体查看主题的短代码帮助文档

短代码的格式:

[shortcode param="value"]content[/shortcode]
[shortcode param="value" /]

类似标记语言HTML中的单标记与双标记

其中,shortcode是短代码的名称,同一个功能的短代码,有一个或多个别名.如hinttip其实是同一个短代码

目前可能可用的短代码列表

标签卡

短代码名称:tabs

说明:生成一个多标签页的卡片

示例:

[tabs]
[tab name="标签页 1"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]

效果:

内容 1
内容 2

参数说明:

参数说明别名
name标签页的名称title
selected默认选中的标签页
内容标签卡选中后显示的内容

使用该效果,可以做出简约的说明类演示效果,以上方描述为例,整合到标签卡效果如下:

生成一个多标签页的卡片
[tabs]
[tab name="标签页 1"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]

[tabs selected="2"]
[tab name="标签页 1"]内容 1[/tab]
[tab name="标签页 2"]内容 2[/tab]
[/tabs]
如你所见
参数说明别名
name标签页的名称title
selected默认选中的标签页
内容标签卡选中后显示的内容


按钮样式的链接

短代码名称:button , btn

生成一个内置按钮样式的超链接
[button href="www.taobao.com"]淘宝[/button][button href="www.jd.com"]京东[/button]
参数说明别名
href跳转地址link,url
内容按钮标题

参考

短代码帮助文档:https://get233.com/archives/mirages-shortcode-docs.html


本文由 ONE 创作,采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
如有版权疑问交流,请给我留言:oneisall8955@gmail.com
本文永久链接:https://liuzhicong.cn/index.php/guide/short-code-learn.html

Archives QR Code Tip
QR Code for this page
Tipping QR Code