Skip to content

进阶使用

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

图标

图标用来干什么呢?

  1. 导航栏前边的小图标
  2. 主题默认的一些对应的图标
  3. 个人喜好定制

导航栏使用图标

你可以自己引入额外的图标,比如FontAwesome或者Iconfont,然后可以在配置项的icon参数里填入对应的值。
v1.8.2开始内置图标需要添加前缀iconfont,例如:

iconfont icon-aria-home

例如FontAwesome那么你需要在icon参数里填入类似fa fa-home完整的class
最新版本所有内置图标在本文底部提供了。