文本样式
为文本设置颜色下划线等属性,需要主题版本在1.8.3及以上
{span class="text-red-600"}红色文字{/span}
{span class="text-green-600"}绿色文字{/span}
{span class="text-blue-600"}蓝色文字{/span}
{span class="text-yellow-600"}黄色文字{/span}
{span class="text-purple-600"}紫色文字{/span}
{span class="underline"}下划线文本{/span}
{span class="underline decoration-double"}双下划线文本{/span}
{span class="line-through"}删除线文本{/span}
{span class="underline decoration-dashed"}虚线文本{/span}
{span class="underline decoration-wavy"}波浪线文本{/span}
{span class="decoration-red-500 underline decoration-wavy"}红色波浪线文本{/span}
红色文字
绿色文字
蓝色文字
黄色文字
紫色文字
下划线文本
双下划线文本
删除线文本
虚线文本
波浪线文本
红色波浪线文本
绿色文字
蓝色文字
黄色文字
紫色文字
下划线文本
双下划线文本
删除线文本
虚线文本
波浪线文本
红色波浪线文本
参数 | 说明 |
---|---|
class | 格式为text-颜色(red,green,blue,yellow,purple )-颜色深浅度(50,100,200,300,400,500,600,700,800,900 ),下划线underline ,删除线line-through |
按钮样式的链接
生成一个按钮样式的超链接,并且支持四种样式(1.8.0版本以上支持)。
{button href="https://blog.zezeshe.com" type="red"}红色按钮{/button}
{button href="https://blog.zezeshe.com" type="green"}绿色按钮{/button}
{button href="https://blog.zezeshe.com" type="blue"}蓝色按钮{/button}
{button href="https://blog.zezeshe.com" type="yellow"}黄色按钮{/button}
{button href="https://blog.zezeshe.com" type="purple"}紫色按钮{/button}
{button href="https://blog.zezeshe.com" type="gray"}灰色按钮{/button}
参数 | 说明 | 别名 |
---|---|---|
href | 点击按钮后跳转的链接 | url |
内容 | 按钮显示的标题 |
标签卡
生成一个多标签页的卡片
{tabs}
{tab name="标签页 1"}内容 1{/tab}
{tab name="标签页 2"}内容 2{/tab}
{/tabs}
或
{tabs selected="2"}
{tab name="标签页 1"}内容 1{/tab}
{tab name="标签页 2"}内容 2{/tab}
{/tabs}
如你所见
参数 | 说明 |
---|---|
name | 标签页的名称 |
selected | 默认选中的标签页 |
内容 | 标签卡选中后显示的内容 |
相册短代码
将标签内的图片按照设置的数量进行排列
{photo set="2,4,4,8"}
[]
[]
[]
[]
[]
[]
[]
[]
{/photo}
或者
{photo set="2,4,4,8" bili="4x3"}
[]
[]
[]
[]
[]
[]
[]
[]
{/photo}
参数 | 说明 |
---|---|
set | 有四个数字参数,为手机端、大手机端、平板端、电脑端一行显示的图片数量,第一个数字参数为必填,多个参数之间用英文的逗号隔开 |
bili | 可以设置图片显示的比例,默认支持21x9 、16x9 、4x3 、2x3 、10x14 、3x4 、1x2 、2x1 、3x1 、4x1 这些比例,此参数非必填项,不填写则为1:1 比例 |
提示及警告框
生成一个提示或警告卡片
{tip}内容{/tip}
{tip type="warning"}内容{/tip}
{tip type="error"}内容{/tip}
{tip type="success"}内容{/tip}
内容
内容
内容
内容
参数 | 说明 |
---|---|
type | 提示类型,默认为 info,在没有警告标题的情况下,可以直接将提示类型的值写到参数处。可选的提示类型为 info ,warning (同 warn ), danger (同 error ),success |
内容 | 提示内容 |
下载文件链接
生成一个下载文件的链接按钮
{file url="https://example.com/download.zip"}示例文件名{/file}
参数 | 说明 |
---|---|
url | 文件的下载链接 |
内容 | 按钮显示的内容 |
调用文章
调用文章,并显示卡片形式的文章样式
{post cid="文章cid"}
动漫短片推荐《夏日的圣诞老人》
青山刚昌短篇之一,所以画风肯柯南哈!主要角色原佳祐(声优:高木涉)被女朋友甩了后,自暴自弃中却遇上了不得了的事情。虽然身上有城市孩子的娇气,但其实是个相当纯情的高中生。安西明日香(声优:山崎和佳...
访问
参数 | 说明 |
---|---|
cid | 在后台的编辑文章的地址可以看到,比如http://localhost/build/admin/write-post.php?cid=23 ,23 就是文章cid |
折叠框
可以点击标题展开 / 折叠的内容
{collapse title="标题"}
折叠内容
{/collapse}
或
{collapse title="标题" show="true"}
默认展开的折叠内容
{/collapse}
标题
折叠内容
标题
默认展开的折叠内容
参数 | 说明 |
---|---|
title | 折叠框标题 |
show | 参数值为true 时默认展开,不使用show参数时则默认折叠 |
内容 | 折叠内容 |
Bilibili
以卡片形式调用哔哩哔哩内容,依赖泽泽的
api
,合集视频功能需要主题在2.3.0版本及以上。单个视频
{bilibili av="内容"}
或者
{bilibili bv="内容"}
视频合集
{bilibili hbv="内容"}
参数 | 说明 |
---|---|
av 或bv | 声明调用的内容的类型为单独视频,建议全面使用bv 类型 |
hbv | 声明调用的内容的类型为合集视频 |
内容 | 用av 内容就是av 号,用bv 内容就是bv 号,用hbv 内容实际就是bv 号,填写合集中任意视频的bv 号即可调用合集视频 |
Github
放置一个 Github 仓库控件
{github repo="typecho/typecho"}
参数 | 说明 |
---|---|
repo | Github仓库所属用户及仓库名,示例: 对于仓库链接: https://github.com/typecho/typecho ,去除域名部分 https://github.com/ ,剩余的 typecho/typecho 就是啦,注意尾部不要加 .git 后缀 |
时间线
建立个时间线内容,要求sinner主题1.8.0版本及以上
{timeline}
**2015年6月初:**
想起自己初高中时期想建立网站的愿望
**2015年6月6日:**
购入域名,并确立网站类型为个人博客
**2020年12月3日**
网站域名与数据卖了,并更换新域名数据照旧
{/timeline}
2015年6月初:
想起自己初高中时期想建立网站的愿望
2015年6月6日:
购入域名,并确立网站类型为个人博客
2020年12月3日
网站域名与数据卖了,并更换新域名数据照旧
参数 | 说明 |
---|---|
timeline | 使用timeline参数包裹内容,每个段落即为一个时间的内容,段落开头加粗部分为时间 |