这里是(Plain,Sinner,Dinner,MoeOS)主题短代码效果展示,不同主题之间效果可能略有差异请以实际为准,开发中的功能可能部分主题暂时未上线,请看下方说明部分。
文章目录树
在屏幕右侧显示文章目录树
{postindex}
如屏幕右侧所示
文章目录
居中
可以让文本或者图片居中
{center}需要居中的文字或图片{/center}
ToDo
创建TodoList
- [x] 这是勾选表头
- [ ] 里面为空格则是未勾选
- ✅ 这是勾选表头
- ⬜️ 里面为空格则是未勾选
登录可见
文本样式
为文本设置颜色下划线等属性,这个短代码有些可能不太短,可以使用编辑器上的按钮来快速设置哈!
{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}
红色文字
绿色文字
蓝色文字
黄色文字
紫色文字
下划线文本
双下划线文本
删除线文本
绿色文字
蓝色文字
黄色文字
紫色文字
下划线文本
双下划线文本
删除线文本
参数 | 说明 |
---|---|
class | 格式为text-颜色(red,green,blue,yellow,purple )-颜色深浅度(50,100,200,300,400,500,600,700,800,900 ),下划线underline ,删除线line-through |
按钮样式的链接
生成一个按钮样式的超链接,并且支持四种样式
{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 | 默认选中的标签页 |
内容 | 标签卡选中后显示的内容 |
相册短代码
将标签内的图片按照设置的数量进行排列
*Plain主题已经砍掉该功能,可以将下方短代码"photo"改为"grid"来平替实现*
{photo set="2,4,4,6"}






...
{/photo}
或者
{photo set="2,4,4,6" bili="10x14"}






...
{/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}
内容
内容
内容
内容
点击复制文本
生成点击复制的文本样式按钮
{copy text="被复制的内容"}内容{/copy}
参数 | 说明 |
---|---|
text | 被复制的内容 |
内容 | 表面显示出来的内容,一般设置为“点击复制” |
下载文件链接
生成一个下载文件的链接按钮
{file url="https://example.com/download.zip"}示例文件名{/file}
{file href="https://example.com/download.zip" type="justify-center"}居中示例文件名{/file}
调用文章
调用文章,并显示卡片形式的文章样式
{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
单个视频
{bilibili av="内容"}
如:{bilibili av="22183590"}
或者
{bilibili bv="内容"}
如:{bilibili bv="BV1As411p7z6"}
参数 | 说明 |
---|---|
av 或bv | 声明调用的内容的类型为单独视频,建议全面使用bv 类型 |
内容 | 用av 内容就是av 号,用bv 内容就是bv 号 |
时间线
建立个时间线内容
{timeline}
**2015年6月初:**
想起自己初高中时期想建立网站的愿望
{p}
**2015年6月6日:**
购入域名,并确立网站类型为个人博客
{/p}
**2020年12月3日**
网站域名与数据卖了,并更换新域名数据照旧
{/timeline}
2015年6月初:
想起自己初高中时期想建立网站的愿望
2015年6月6日:
购入域名,并确立网站类型为个人博客
2020年12月3日
网站域名与数据卖了,并更换新域名数据照旧
参数 | 说明 |
---|---|
timeline | 使用timeline参数包裹内容,每个段落即为一个时间的内容复杂情况是使用{p} 标签包裹,段落开头加粗部分为时间 |
导航链接模块
在文章或独立页面里建立链接导航,部分功能要求typecho在1.2.0及以上版本
{link}
{网站名,网站描述,网站地址}
{网站名,网站描述,网站地址,网站图标链接}
{/link}
如上在link标签内,按照上述格式插入链接即可,(网站图标链接选填,不填则调用api获取,并要求typecho在1.2.0及以上版本)
参数 | 说明 |
---|---|
link | 使用link参数包裹内容,内容中每个大括号内即为一个链接卡片 |
链接卡片 | 有四个参数依次为网站名,网站描述,网站地址,网站图标链接,每个参数直接用, 号隔开,其中网站图标链接选填,不填则通过api获取,并要求typecho在1.2.0及以上版本 |
影视卡片
在文章或独立页面里建立视频模块卡片,要求typecho在1.2.0及以上版本(低版本未测试也许用不了)
**单集视频**
{video}https://www.bilibili.com/video/BV1bz411B7yQ{/video}
**多集视频**
{video title="日语歌曲"}
ツユ - やっぱり雨は降るんだね$https://www.bilibili.com/video/BV13f4y1G7sA
ツユ - くらべられっ子$https://www.bilibili.com/video/BV1z341127mZ
生まれた意味などなかった。 / まふまふ$https://www.bilibili.com/video/BV1i4411q7vA
{/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}
单集效果
多集效果如下
日语歌曲
多线路效果如下:
动画奇遇
参数 | 说明 |
---|---|
video | 使用video参数包裹内容,可以使用title属性填写标题(非强制),可以使用pic属性自定义封面图(非强制),title与pic参数同时使用时,pic属性必须在title后面 |
内容 | 内容格式为(集数$视频链接)一行一集,其他详见实例代码 |
视频链接 | 默认自动识别a、b站视频/直播间、西瓜视频、腾讯视频、斗鱼视频、Youtube,同时也支持填写视频直链m3u8,mp4后缀的链接 |
版权属于:泽泽社长
本文链接:https://blog.zezeshe.com/archives/sinner-shortcode.html
本站未注明转载的文章均为原创,并采用
CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!
这个能做成插件吗?
很难兼容所有主题,故不会去做
站长,有没有《回复可见》和《登录可见》功能呢?
没有
短代码功能在几个主题里都有吗
目前我的sinner主题和dinner主题都有
付费阅读功能考虑过添加吗?
网上有tepass付费阅读插件,因为涉及支付相关,我并不会开发
请问代码高亮怎么用?
牛掰
诶嘿嘿
短代码可以加一个导航类的样式短代码吗?
在尝试弄了,请耐心等待
请问一下这个短代码和以前的ubb有什么区别?
其实原理是一样的,就是自定义标签然后后台将其转换成html
有考虑加个海报功能吗?
不考虑哈,我记得有插件
测试评论短代码
{bilibili av="22183590"}