目录

组件工具箱使用手册

这篇文章演示本站所有内容组件的用法。写文章时,把下面代码块里的标记复制进正文、换成你自己的内容即可。


写法:

{{< product img="图片地址" title="商品名称" desc="一句话介绍" price="¥99" link="推广链接" btn="去看看" >}}

效果:

示例商品:手工陶瓷茶杯
示例商品:手工陶瓷茶杯
温润手感,适合日常泡茶,老人小孩都好拿
¥69
去看看

写法:

{{< copy "¥这里放口令¥" "复制口令" >}}

第二个参数是按钮文字,可省略(默认"复制")。

效果:

¥ABC123DEF¥ 复制此口令,打开淘宝领取优惠

写法:

{{< pan "百度网盘" "https://pan.baidu.com/s/示例链接" "abcd" >}}

三个参数依次是:平台名、分享链接、提取码(没有提取码就留空 “")。

效果:

百度网盘
链接:https://pan.baidu.com/s/1example
提取码:ab12
夸克网盘
链接:https://pan.quark.cn/s/example

写法: 参数是视频BV号(视频网址里 BV 开头那串)

{{< bilibili "BV1xx411c7mD" >}}

效果:


写法: 参数是视频ID(网址 watch?v= 后面那串)

{{< youtube "dQw4w9WgXcQ" >}}

效果:

注意:国内访客打不开 YouTube,国内内容建议用B站。


写法: 参数是歌曲ID(网易云网页版歌曲网址 song?id= 后面的数字)

{{< music "347230" >}}

效果:


写法: 视频文件放到 static 文件夹(如 static/media/xxx.mp4),然后:

{{< video "/media/xxx.mp4" >}}

大文件不要直接放进网站仓库(git 会变慢),建议传到B站后用第四种方式嵌入。


写法:

{{< book img="封面地址" title="书名" author="作者" tags="都市,逆袭,爽文" rating="9.2" status="连载中 · 120万字" desc="一句话简介" link="推广链接" btn="去阅读" >}}

除了 title 和 link,其他参数都可省略;多个标签用英文逗号分隔,按钮文字可自定义(默认"去阅读”)。

效果:

示例:夜市起家
示例:夜市起家 ★ 9.2
作者:码字的老张 · 状态:连载中 · 120万字
都市逆袭爽文
欠债三百万的他,靠一个夜市小摊东山再起。
去阅读

写法:

{{< app icon="图标地址" name="软件名" platform="Windows" version="v2.1.0" size="45 MB" tags="效率,免费" desc="一句话介绍" link="下载链接" btn="下载" >}}

platform、version、size、tags、desc 都可省略,只填 name 和 link 也能用。

效果:

示例:闪电清存
示例:闪电清存
Windows / Android · v2.1.0 · 45 MB
效率免费
一键清理垃圾、手机提速,老人也能用。
下载

写法:

{{< drama img="海报地址" title="剧名" episodes="全80集" tags="甜宠,反转" rating="9.5" desc="一句话简介" link="推广链接" btn="去追剧" >}}

episodes 可以写"全80集"“更新至32集"等;没有评分就省略 rating。

效果:

示例:海边的约定
示例:海边的约定 ★ 9.5
全80集
甜宠反转
一次意外重逢,揭开三年前的真相。
去追剧

写法:

{{< invite img="图标地址(可省略)" title="活动或产品名" reward="注册领88元红包" desc="补充规则(可省略)" code="ABC888" link="邀请链接" btn="立即注册" >}}

没有邀请码就省略 code 参数;img、desc 也都可省略。

效果:

示例:好运赚钱版
示例:好运赚钱版
🎁 新用户注册领88元红包
完成首日任务再提5元,满0.3元即可提现。
邀请码:ABC888
立即注册