Handsome 特性学习

Button

[ button]矩形按钮文字[/button]

[ button color="success"]矩形按钮文字[/button]

[ button type="round" color="success"]椭圆形按钮文字[/button]

[ button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]

矩形按钮文字

矩形按钮文字

椭圆形按钮文字

图标按钮文字

外链

[ post url="https://www.ihewro.com" title="友人C" intro="一个个人博客" cover="https://www.ihewro.com/usr/uploads/2019/01/762065921.jpg" /]

高亮提示文本

[ scode type="share"]这是灰色的短代码框，常用来引用资料什么的[/scode]
[ scode type="yellow"]这是黄色的短代码框，常用来做提示，引起读者注意。[/scode]
[ scode type="red"]这是红色的短代码框，用于严重警告什么的。[/scode]
[ scode type="blue"]这是浅蓝色的短代码框，用于显示一些信息。[/scode]
[ scode type="green"]这是绿色的短代码框，显示一些推荐信息。[/scode]

收缩框

[ collapse title="标题" status="false"]一些文字内容[/collapse]

[ collapse title="标题"]一些文字内容[/collapse]

标签Tag

[ tag]默认白色文字[/tag]
[ tag type="primary"]紫色文字[/tag]
[ tag type="info"]蓝色文字[/tag]
[ tag type="warning"]黄色文字[/tag]
[ tag type="danger"]红色文字[/tag]
[ tag type="success"]绿色文字[/tag]
[ tag type="dark"]黑色文字[/tag]

默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字

标签卡

[ tabs]
[ tab name="标签页 1" active="true"]内容 1[/tab]
[ tab name="标签页 2"]内容 2[/tab]
[ tab name="标签页 3" color="red" font-weight="bold"]高级内容文本示例[/tab]
[ /tabs]

文章中插入多栏

//一个简单的例子
[ colum]
[ block size="20%"]百分比宽度[/block]
[ block size="200px"]固定宽度[/block]
[ block]标题3[/block]
[ /clumn]


// 一个复杂一点的例子，block内部可以使用其他的短代码带来更丰富的排版
[ column]
[ block size="20%"]
[ scode type="red" size="small"]标题1[/scode]
[ scode type="share" size="small"]标题1
标题1的内容
[ /scode]
[ /block]

[ block size="200px"]
[ scode type="red" size="small"]标题2[/scode]
[ /block]

[ block]
[ scode type="red" size="small"]标题3[/scode]
[ /block]
[ /column]