得劲

主题handsome特色功能示例
前言 主题handsome特色功能实再太多了,主题文档增强功能页面只介绍了大概使用方法,多到记不住而且没有演示,所...
扫描右侧二维码阅读全文
16
2018/08

主题handsome特色功能示例

前言

主题handsome特色功能实再太多了,主题文档增强功能页面只介绍了大概使用方法,多到记不住而且没有演示,所以在此做个测试及演示记录,已做备用。
安利一波:

添加按钮

按钮样式示例


[button]矩形[/button]

[button color="light"]白色[/button]

[button type="round" color=info]椭圆形[/button]

[button type="round" color="dark" icon="glyphicon glyphicon-eur"]图标[/button]

按钮颜色示例

添加媒体

音频

00:00
加载中……请稍等……

[hplayer title="歌曲名" author="歌手" url="http:\/\/xxx.com\/xxx.mp3" size="large" /]
支持以下云解析
网易云音乐:http://music.163.com/#/song?id=40147556
QQ音乐:https://y.qq.com/n/yqq/song/000jDQWP4JiB3y.html
虾米音乐:http://www.xiami.com/song/bf08DNT3035f
酷狗音乐:http://www.kugou.com/song/#hash=09E8DE70A24C97B92A29F6A19F3528A2
百度音乐:http://music.baidu.com/song/268275324
或者使用云解析

视频


[vplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.png"]

目前竖版的视频由于主题限制,显示不全。横版视频无碍:

引用文章


[post cid="1" cover="http:\/\/localhost\/build\/usr\/themes\/handsome\/usr\/img\/sj\/6.jpg"/]
cover:可选项,调用文章显示的封面
回复可见:[hide]内容[/hide]
登录可见:[login]内容[/login]

文本代码框

收缩框

[collapse title="标题"]默认展开[/collapse]
[collapse title="标题" status="false"]不展开[/collapse]

代码框

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

示例

短代码框示例


这是黄色的短代码框,常用来做提示,引起读者注意。

这是红色的短代码框,用于严重警告什么的。

这是浅蓝色的短代码框,用于显示一些信息。

这是绿色的短代码框,显示一些推荐信息。

总结

以上就是handsome主题可能会常用到的一些功能示例,完整使用说明请移步作者文档

Last modification:August 16th, 2018 at 05:54 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

One comment

  1. 2012.pro

    handsome确实很不错!