镰仓的一天:图文与视频的写法示例

2 分钟读完

去了一趟镰仓。这篇同时是「图文写法示例」:正文图片、图集、视频的语法都在里面,照着抄就行。

正文插图

把照片放进 public/images/kanagawa/,然后一行 Markdown:

海边的下午,太阳还很高

图片点击可以放大,全屏状态下支持缩放、键盘左右键切换本文里的所有图片。

老街两侧的低矮房子

本地图片在构建时会读取真实尺寸,加载过程不会把文字挤得跳来跳去。

图集

照片多的时候用图集语法,一段网格铺开,不占半屏正文:

这一天的三个片段
这一天的三个片段这一天的三个片段这一天的三个片段

同样点击进灯箱浏览。

视频

B 站或 YouTube:把视频页地址单独成一行贴进来,自动变成页内播放器:

在原页打开

直链视频(mp4 等,可以放在对象存储或任何能直连的地方)写法相同:

在原页打开

播放器右下角有「在原页打开」。如果某处只想放一个普通链接、不要播放器,给链接加个名字即可,比如 花的教学视频

收尾

下午的咖啡:

巷子里的咖啡店

以上。照片视频都很少的时候,这种写法最省心;素材多了再考虑相册页。