这篇文章用来实际看看,图片、GIF 和视频分别会出现在网站的什么位置:它们都显示在文章正文里;文章本身则会出现在首页和文章列表中。
图片
图片可以直接放在文章段落之间。这里的日落图是随网站一起部署的本地图片:

GIF 动图
GIF 的引用方式和图片相同,浏览器会自动播放:

视频
视频会以内嵌播放器显示,可以直接播放、暂停和调整进度:
视频样例来自 MDN 的 CC0 视频示例。
以后怎么发布自己的媒体
把图片、GIF 或较短的视频放到项目的 public/media/ 目录,然后在 Markdown 中用 /media/文件名 引用。保存文章后告诉我发布,我会运行本地构建和服务器部署流程;文章和素材就会一起上线。
大视频文件更适合放在腾讯云 COS 等对象存储,再把播放地址嵌入文章,避免每篇文章都把大文件打包到网站发布文件中。