>文章目录树

在屏幕右侧显示文章目录树,需要主题在2.5.8版本及以上
{postindex}
如屏幕右侧所示

>文本样式

为文本设置颜色下划线等属性,需要主题版本在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}
{span class="transition duration-200 ease-in-out bg-black text-black hover:text-white"}黑幕文字{/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"}
[![表情包1期 1](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbh4hvj2077068mx4.jpg)]
[![表情包1期 2](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbj14aj2077068aaa.jpg)]
[![表情包1期 3](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbl3zqj207706874i.jpg)]
[![表情包1期 4](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbn706j20770680sx.jpg)]
[![表情包1期 5](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbqalnj2077068t8v.jpg)]
[![表情包1期 6](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbsb50j2077068jrh.jpg)]
[![表情包1期 7](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbvw5rj2077068aae.jpg)]
[![表情包1期 8](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbxsmaj20770680sx.jpg)]
{/photo}

或者

{photo set="2,4,4,8" bili="4x3"}
[![表情包1期 1](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbh4hvj2077068mx4.jpg)]
[![表情包1期 2](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbj14aj2077068aaa.jpg)]
[![表情包1期 3](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbl3zqj207706874i.jpg)]
[![表情包1期 4](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbn706j20770680sx.jpg)]
[![表情包1期 5](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbqalnj2077068t8v.jpg)]
[![表情包1期 6](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbsb50j2077068jrh.jpg)]
[![表情包1期 7](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbvw5rj2077068aae.jpg)]
[![表情包1期 8](https://tva1.sinaimg.cn/large/da6ac54fgy1g23ekbxsmaj20770680sx.jpg)]
{/photo}
参数说明
set有四个数字参数,为手机端、大手机端、平板端、电脑端一行显示的图片数量,第一个数字参数为必填,多个参数之间用英文的逗号隔开
bili可以设置图片显示的比例,默认支持21x916x94x32x310x143x41x22x13x14x1这些比例,此参数非必填项,不填写则为1:1比例

>提示及警告框

生成一个提示或警告卡片
{tip}内容{/tip}
{tip type="warning"}内容{/tip}
{tip type="error"}内容{/tip}
{tip type="success"}内容{/tip}

内容


内容


内容


内容

参数说明
type提示类型,默认为 info,在没有警告标题的情况下,可以直接将提示类型的值写到参数处。可选的提示类型为 infowarning(同 warn), danger(同 error),success
内容提示内容

>下载文件链接

生成一个下载文件的链接按钮
{file url="https://example.com/download.zip"}示例文件名{/file}
{file href="https://example.com/download.zip" type="justify-center"}居中示例文件名{/file}
参数说明
href文件的下载链接,也可以用url
type可以使用justify-center参数居中
内容按钮显示的内容

>调用文章

调用文章,并显示卡片形式的文章样式
{post cid="文章cid"}
Sinner一款Typecho自适应主题
Sinner一款Typecho自适应主题支持设置文章类型(文章,链接,软件,相册),不同类型前台风格也会有所差异,可用来书写博客,也可用来当做导航程序,亦或是下载站图站等。常规模式CMS布局模式...
访问
参数说明
cid在后台的编辑文章的地址可以看到,比如http://localhost/build/admin/write-post.php?cid=2323就是文章cid

>折叠框

可以点击标题展开 / 折叠的内容
{collapse title="标题"}
折叠内容
{/collapse}
或
{collapse title="标题" show="true"}
默认展开的折叠内容
{/collapse}
标题
折叠内容

标题
默认展开的折叠内容
参数说明
title折叠框标题
show参数值为true时默认展开,不使用show参数时则默认折叠
内容折叠内容

>Bilibili

以卡片形式调用哔哩哔哩内容,依赖泽泽的api,合集视频功能需要主题在2.3.0版本及以上。
单个视频
{bilibili av="内容"}
或者
{bilibili bv="内容"}
视频合集
{bilibili hbv="内容"}
标题加载中...
描述加载中...
立即观看
标题加载中...
描述加载中...
立即观看
标题加载中...
描述加载中...
视频合集
参数说明
avbv声明调用的内容的类型为单独视频,建议全面使用bv类型
hbv声明调用的内容的类型为合集视频
内容av内容就是av号,用bv内容就是bv号,用hbv内容实际就是bv号,填写合集中任意视频的bv号即可调用合集视频

>Github

放置一个 Github 仓库控件
{github repo="typecho/typecho"}
参数说明
repoGithub仓库所属用户及仓库名,示例:
对于仓库链接: https://github.com/typecho/typecho,去除域名部分 https://github.com/
剩余的 typecho/typecho 就是啦,注意尾部不要加 .git 后缀

>时间线

建立个时间线内容,要求sinner主题1.8.0版本及以上
{timeline}

**2015年6月初:**
想起自己初高中时期想建立网站的愿望

{p}
**2015年6月6日:**
购入域名,并确立网站类型为个人博客
{/p}

**2020年12月3日**
网站域名与数据卖了,并更换新域名数据照旧

{/timeline}

2015年6月初:
想起自己初高中时期想建立网站的愿望
2015年6月6日:
购入域名,并确立网站类型为个人博客
2020年12月3日
网站域名与数据卖了,并更换新域名数据照旧
参数说明
timeline使用timeline参数包裹内容,每个段落即为一个时间的内容复杂情况是使用{p}标签包裹,段落开头加粗部分为时间

>导航链接模块

在文章或独立页面里建立链接导航,需要主题在2.6.3版本及以上,同时部分功能要求typecho在1.2.0及以上版本
{link}
{网站名,网站描述,网站地址}
{网站名,网站描述,网站地址,网站图标链接}
{/link}
如上在link标签内,按照上述格式插入链接即可,(网站图标链接选填,不填则调用api获取,并要求typecho在1.2.0及以上版本)
泽泽的小博客
泽泽的小博客
泽泽的小博客
泽泽的小博客
泽泽的小博客
泽泽的小博客
参数说明
link使用link参数包裹内容,内容中每个大括号内即为一个链接卡片
链接卡片有四个参数依次为网站名,网站描述,网站地址,网站图标链接,每个参数直接用,号隔开,
其中网站图标链接选填,不填则通过api获取,并要求typecho在1.2.0及以上版本

>影视卡片

在文章或独立页面里建立视频模块卡片,需要主题在2.7.0版本及以上,同时要求typecho在1.2.0及以上版本(低版本未测试也许用不了)
**单集视频**
{video title="最伟大的作品-周杰伦"}
https://www.ixigua.com/7117066604298371614
{/video}

**多集视频**
{video title="动漫FANS"}
动漫FANS最萌2011PV$https://www.bilibili.com/video/BV18x411c7X4
动漫FANS最萌2012PV$https://www.bilibili.com/video/BV1tv411B768
动漫FANS最萌2013PV$https://www.bilibili.com/video/BV1jx411c734
动漫FANS最萌2014PV$https://www.bilibili.com/video/BV1hU4y1V7mr
动漫FANS最萌2015PV$https://www.bilibili.com/video/BV1Fx411P7U3
{/video}

**多线路多集视频**
{video title="动画奇遇"}
(哔哩哔哩){
夏日奇遇$https://www.bilibili.com/video/BV14t4y1W7qg
大雄的喜马拉雅行进记$https://www.bilibili.com/video/BV174411L77n
我们仍未知晓的天空之蓝$https://www.bilibili.com/video/BV1YZ4y1Z7FW
}
(西瓜视频){
夏日奇遇$https://www.ixigua.com/7106423992654758413
大雄的喜马拉雅行进记$https://www.ixigua.com/7077930787571663367
我们仍未知晓的天空之蓝$https://www.ixigua.com/7059594949062296078
}
{/video}
单集效果

最伟大的作品-周杰伦

多集效果如下

动漫FANS

多线路效果如下:

动画奇遇

参数说明
video使用video参数包裹内容,并使用title属性填写标题
内容内容格式为(集数$视频链接)一行一集,其他详见实例代码
视频链接默认自动识别a,b站,以及西瓜视频链接,同时也支持填写视频直链m3u8,mp4,flv后缀的链接