handsome主题作为一款收费的优秀主题，简约大方，功能强大。在编写文章的时候支持众多样式的布局，以丰富文章内容的展示形式。

但是这些语法标签仅仅是handsome支持，更换主题之后则失效。请自行考虑是否使用。

1. 插入音乐

点击编辑器的插入音乐图标可以在文章内可以插入音乐歌曲地址，支持云解析和本地MP3地址两种方式（时光机的音乐插入按钮也是同样的操作）：

1.1 云解析歌曲

暂时支持解析单曲，不支持歌单，支持以下媒体：
网易云音乐：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

1.2 本站mp3地址播放

直接在输入框中输入.mp3结尾的地址，并填写歌曲名和歌手的名称。

[hplayer title="歌曲名" author="歌手" url="http:\/\/xxx.com\/xxx.mp3" size="large" auto="false" /]

2. 插入视频

点击编辑器的插入音乐图标可以插入视频，只支持本地的视频地址的播放（时光机的视频插入按钮也是同样的操作）:

直接在输入框中输入视频的地址即可，一般以.mp4结尾的资源地址。示例：

[vplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.png"]
url：视频地址
pic：视频背景图片

3. 调用其他文章

点击编辑器的调用文章的按钮可以调用其他文章并显示。

i> 使用时请将<>替换为[]

<post cid="23" cover="http://xxx.jpg"/>
cid：必填，是文章的唯一编号，在后台的编辑文章的地址可以看到，比如http://localhost/build/admin/write-post.php?cid=23,值为23
cover：可选项，调用文章显示的封面，如果不填则默认显示随机缩略图。

4. 添加标签卡

i> 使用时请将<>替换为[]

点击编辑器的插入Tab的按钮可以为文章插入标签卡。

<tabs>
<tab name="标签卡 1" active="true">这里是标签卡1的内容</tab>
<tab name="标签卡 2">这里是标签卡2的内容>/tab>
</tabs>

5. 添加折叠框

点击编辑器的插入收缩框的按钮可以为文章插入收缩框，分为两种：默认折叠和默认打开。

<collapse title=”默认关闭的折叠框” status=”false”>一些文字内容，默认关闭</collapse>
<collapse title=”默认打开的折叠框”>一些文字内容，默认打开</collapse>

6. 添加按钮

点击编辑器的插入按钮的按钮可以为文章插入按钮。按钮有多种样式可选。

handsome支持以下类型的按钮：

• 矩形文字按钮 矩形按钮文字

• 椭圆形文字按钮 椭圆形按钮文字

• 矩形图标文字按钮 图标按钮文字

  [button]矩形按钮文字[/button]
  
  [button color="succees"]矩形按钮文字[/button]
  
  [button type="round" color="success"]椭圆形按钮文字[/button]
  
  [button color="success" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]

• type ：选填，不填默认为矩形按钮。可选值：
  • round ：椭圆形按钮
• color ： 选填，不填默认为success（绿色），可选值：
  • light ：白色
  • info ：蓝色
  • dark ：深色
  • success ：绿色
  • black ：黑色
  • warning ：黄色
  • primary ：紫色
  • danger ：红色
• icon ：选填，不填默认为文字按钮，可用按钮见图标列表

7. 修改字体颜色

<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>

红色背景文字

8. 文本引用高亮

点击编辑器的插入高亮文本的按钮可以为文章插入高亮文本。有多种样式可选。

8.1 单行

在后台的外观设置-主题增强功能-markdown扩展设置中启用添加文字着重强调书写方式

启用可以使用以下方式来进行文字着重强调：

!>[空格]表示黄色警示框
i>[空格]表示蓝色信息框
@>[空格]表示银色引用框
x>[空格]表示红色错误框
√>[空格]表示绿色成功框

8.2 多行

<scode type="yellow">这是黄色的短代码框，常用来做提示，引起读者注意。</scode>
<scode type="lblue">这是蓝色的短代码框，用于显示一些信息。</scode>
<scode type="share">这是银色的短代码框，常用来引用资料什么的</scode> 
<scode type="red">这是红色的短代码框，用于严重警告什么的。</scode> 
<scode type="green">这是绿色的短代码框，显示一些推荐信息。
这里是可以换行的</scode>

9. 文章目录树

文章中的目录树已经内置代码，仅当文章有h2 h3 h4标题 才会生成目录树，并且手机端不显示目录树。

10. 时光机联系方式

{"name":"email","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pmtjbaej201s01s0aw","value":"vsunks@163.com","link":"#"},
{"name":"QQ","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pnirhr2j201s01va9u","value":"447538832","link":"#"},
{"name":"微博","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pofbz5fj201s01swe9","value":"@nobody","link":"http://weibo.com/hewro"},
{"name":"网易云音乐","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pouholzj201s01s0ja","value":"@nobody","link":"http://music.163.com/#/user/home?id=83271175"}

• name：代表显示栏目的名称
• img：表示该联系方式的图标（图片格式）
• link：代表联系方式的地址

11. 时光机评论图片不加载

去后台，设置——评论——允许使用的HTML标签和属性 添加下面标签即可

<img src="">

12. 左侧边栏导航自定义按钮

{"name":"音乐","class":"glyphicon glyphicon-music","link":"xxx.com"},
{"name":"笔记","class":"glyphicon glyphicon-book","link":"xxx.com"},
{"name":"相册","class":"fontello fontello-picture","link":"xxx.com","target":"_self"}

13. 添加友情链接

关于链接分类的说明：

ten ：是全站链接，就是在首页的左侧边栏展示的
one ：是内页链接，在独立页面中的自定义模板友情链接中显示
good ：是推荐链接，在独立页面的自定义模板友情链接中显示

14. 博客时间友好格式化

后台选择设置——评论——评论日期格式 内填写natural。

在这里同样可以修改博客的时间格式为你需要的时间格式，值为标准的php格式。

如标准时间格式：Y-n-j H:i:s

15. 部分内容回复可见

点击编辑器的插入隐藏内容（回复可见）的按钮可以为文章插入回复可见的内容。

<hide>这里编辑隐藏文本（评论可见)</hide>

16 部分内容登录可见

点击编辑器的插入隐藏内容（登录可见）的按钮可以为文章插入登录可见的内容。

在文章中使用(使用时请将<>替换为[])，标签包裹住你想要隐藏的内容，游客必须先回复后才能查看隐藏内容。

该部分仅登录用户可见

版权属于：Vsunks.V

本文链接：http://blog.sunxiaowei.net/blog/handsome-common-syntax-1.html

转载时须注明出处及本声明