MENU

短代码 - Mirages 帮助文档

• December 27, 2018 • Read: 659 • 教程

短代码是主题提供的一种快速生成特定内容的方式。

目前主题只是的短代码还不多,后续会进行扩充(真的,不管你信不信,反正我是信了)

短代码的书写方式为:

[shortcode param="value"]内容[/shortcode]
[shortcode param="value"/]

基本为以上两种写法,需要 Content 的使用第一行的写法,不需要的采用第二行的写法。

其中,shortcode 为短代码的名称,后面的列表中会提供,同一种样式可能会有一个或多个别名;例如短代码 hinttip 其实是同一个短代码。

param="value" 为短代码的参数,内容 为短代码的内容(参数说明中将简称为 内容)。

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

按钮样式的链接

短代码名称:buttonbtn

生成一个内置按钮样式的超链接。
[button href="https://store.get233.com"]简陋的小商店传送门[/button]

[button url="https://store.get233.com"]简陋的小商店传送门[/button]

[btn url="https://store.get233.com"]简陋的小商店传送门[/button]
参数说明别名
href点击按钮后跳转的链接linkurl
内容按钮显示的标题

标签卡

短代码名称:tabs

生成一个多标签页的卡片
[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默认选中的标签页
内容标签卡选中后显示的内容

提示及警告框

短代码名称:hinttip

生成一个提示或警告卡片
[hint]提示内容[/hint]

[hint warn]警告内容[/hint]

[hint type="danger" title="提示标题"]
提示内容
[/hint]
提示内容

警告内容

提示标题

提示内容
参数说明别名
type提示类型,默认为 info,在没有警告标题的情况下,可以直接将提示类型的值写到参数处。可选的提示类型为infowarning(同 warn), danger(同error),success
title提示标题,用于加重展示
内容提示的内容

下载文件链接

短代码名称:file

生成一个下载文件的卡片
[file url="https://example.com/download.zip"]示例文件名[/file]
参数说明别名
href下载文件的链接linkurl
内容文件名

标签

短代码名称:taglabel

生成一个标签
使用鼠标选中文字时[tag]文字的颜色[/tag],默认为[tag type="danger"]白色[/tag]。

[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,可选值为infowarning(同 warn), danger(同error),successprimarydefault
outline是否使用 outline 样式的标签
内容标签展示的文字

快速输入警告符:   

短代码名称:!

快速输入:   
快速输入: [!/]
快速输入:   

内容回复可见

短代码名称:hide

添加需要评论才可以查看的内容
[hide]这里是评论可见的内容[/hide]
此处内容需要评论回复后方可阅读
莫的参数

Last Modified: April 14, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

5 Comments
  1. 增加个自定义字段,可以调文章的宽窄呗,手动调的好丑,不会html

  2. 不错的功能,赞!@(太开心)

  3. 那么,在哪里获取更新呢?

    1. @Mikusa原来可以在mirages插件里更新呀……

  4. 真棒!