组件工具箱使用手册
目录
这篇文章演示本站所有内容组件的用法。写文章时,把下面代码块里的标记复制进正文、换成你自己的内容即可。
一、商品推广卡
写法:
{{< product img="图片地址" title="商品名称" desc="一句话介绍" price="¥99" link="推广链接" btn="去看看" >}}效果:
二、口令一键复制(淘口令/邀请码)
写法:
{{< copy "¥这里放口令¥" "复制口令" >}}第二个参数是按钮文字,可省略(默认"复制")。
效果:
¥ABC123DEF¥ 复制此口令,打开淘宝领取优惠
三、网盘资源卡(百度/夸克等)
写法:
{{< pan "百度网盘" "https://pan.baidu.com/s/示例链接" "abcd" >}}三个参数依次是:平台名、分享链接、提取码(没有提取码就留空 “")。
效果:
四、B站视频
写法: 参数是视频BV号(视频网址里 BV 开头那串)
{{< bilibili "BV1xx411c7mD" >}}效果:
五、YouTube 视频
写法: 参数是视频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,其他参数都可省略;多个标签用英文逗号分隔,按钮文字可自定义(默认"去阅读”)。
效果:
九、软件下载卡
写法:
{{< app icon="图标地址" name="软件名" platform="Windows" version="v2.1.0" size="45 MB" tags="效率,免费" desc="一句话介绍" link="下载链接" btn="下载" >}}platform、version、size、tags、desc 都可省略,只填 name 和 link 也能用。
效果:
十、短剧推广卡
写法:
{{< drama img="海报地址" title="剧名" episodes="全80集" tags="甜宠,反转" rating="9.5" desc="一句话简介" link="推广链接" btn="去追剧" >}}episodes 可以写"全80集"“更新至32集"等;没有评分就省略 rating。
效果:
十一、拉新邀请卡
写法:
{{< invite img="图标地址(可省略)" title="活动或产品名" reward="注册领88元红包" desc="补充规则(可省略)" code="ABC888" link="邀请链接" btn="立即注册" >}}没有邀请码就省略 code 参数;img、desc 也都可省略。
效果: