跳过正文
  1. 轻松办公/

媒体模板示例

·1 分钟·
xiaolinstar
作者
xiaolinstar
记录风景、美食、桌游与日常。
目录

本文汇总 Blowfish 主题中常用的图片与视频展示方式,可作为新文章写作模板。完整约定见仓库 docs/MEDIA-STANDARDS.md

图片轮播(Carousel)
#

将图片放入文章目录下的 gallery/ 文件夹,然后用 shortcode 引用:

{{< carousel images="gallery/*" interval="4000" aspectRatio="21-9" >}}

带 caption 的写法:

{{< carousel images="gallery/*" captions="{01.jpg:第一张,02.jpg:第二张}" >}}

参考示例:鼓楼滨江步行道

响应式图集(Gallery)
#

{{< gallery >}}
  {{< figure src="gallery/01.jpg" caption="说明文字" figureClass="grid-w33" >}}
  {{< figure src="gallery/02.jpg" caption="说明文字" figureClass="grid-w33" >}}
  {{< figure src="gallery/03.jpg" caption="说明文字" figureClass="grid-w33" >}}
{{< /gallery >}}

本地视频
#

{{< video src="gallery/walk.mp4" poster="gallery/cover.jpg" caption="视频说明" >}}

B 站 / YouTube 嵌入
#

{{< youtubeLite id="BVxxxxxx" label="视频标题" >}}

封面图(Featured Image)
#

在文章目录放置 featured.jpgfeatured.svg,会自动用于:

  • 首页 / 列表页卡片缩略图
  • 文章顶部 Hero 背景
  • 社交分享预览图

也可运行 pnpm run featured:setup 批量生成分类占位封面。

分类占位封面
#

分类占位图
风景名胜assets/img/covers/places.svg
知名高校assets/img/covers/university.svg
桌游时光assets/img/covers/table-game.svg
美食探店assets/img/covers/entertainment.svg
生活感悟assets/img/covers/thinks.svg
轻松办公assets/img/covers/office.svg

相关文章

Linux 学习路线

·1 分钟
我认为完全不需要在个人电脑上安装 Linux 双系统。作为一名计算机专业本硕7年学生,推荐路线如下:

Mac办公体验

·1 分钟
作为4年MacBook Pro用户,近期因为工作软件兼容性问题,自费购买了Windows电脑作为主力办公电脑,但学习、写代码等仍然使用MacBook Pro,在此聊聊这些年用MacBook Pro的感受。说实话,刚开始是被它的颜值吸引的——谁不喜欢一个轻薄漂亮、屏幕又好的笔记本呢?但真正让我留下来的,是它那套让人"用了就回不去"的系统体验以及轻装上阵,无需携带充电器、鼠标。

Markdown 文本编辑

·6 分钟
前言 # 笔者在大二时,同学使用 Markdown 来完成数学作业,被其简约清爽表达所吸引。 老师或助教批阅电子版作业时,也会轻松愉悦,于是我开始使用 Markdown 完成作业。