-
Notifications
You must be signed in to change notification settings - Fork 90
进阶使用
Siphils edited this page Nov 24, 2018
·
3 revisions
这种形式的短代码可以用来创作一个友情链接的页面,或者用来作为一个带图片的链接使用。
link-item
所有参数
参数 | 内容 | 是否必需 | 类型 |
---|---|---|---|
name | 链接的文字 | 是 | string |
href | 链接的地址 | 否 | string |
img | 链接图片 | 是 | string |
title | 悬停鼠标显示文字 | 否 | string |
由于Typecho 1.1正式版的编辑器解析问题,一定需要用!!!
包裹短代码
并且[link-item]
需要用[link-box]
包裹住
属性值之间用空格分开,不要用回换行
基本举例
[link-box]
[link-item name="链接" title="这是一个链接" img="/path/to/image" href="url"]
[/link-box]
你也可以使用多个
[link-box]
[link-box]
[link-item .....]
[link-item .....]
[/link-box]
[link-box]
[link-item .....]
[link-item .....]
[/link-box]
href
可以为空,那么你就可以像这样使用一个仅为了用于显示图片和文字的link-item
!!!
[link-box]
[link-item name="图片" title="这是一张图片" img="/path/to/image"]
[link-item name="图片" title="这是一张图片" img="/path/to/image"]
[link-item name="图片" title="这是一张图片" img="/path/to/image"]
[/link-box]
!!!
用作友情链接
!!!
[link-box]
[link-item name="Siphils" title="Life is what you make it." img="https://cn.gravatar.com/avatar/9d05d12216701bf5135894c55232ae99?d=mp&r=g&s=50" href="https://eriri.ink"]
[/link-box]
!!!
图标用来干什么呢?
- 导航栏前边的小图标
- 主题默认的一些对应的图标
- 个人喜好定制
你可以自己引入额外的图标,比如FontAwesome
或者Iconfont
,然后可以在配置项的icon
参数里填入对应的值。
v1.8.2
开始内置图标需要添加前缀iconfont
,例如:
iconfont icon-aria-home
例如FontAwesome
那么你需要在icon
参数里填入类似fa fa-home
完整的class
。
最新版本所有内置图标在本文底部提供了。