图片展示方式

2026-03-03 约 341 字预计阅读 1 分钟

本文展示在Hugo博客中使用图片的几种方式。

方式一：外链图片（推荐）

使用飞牛云或其他图床的外链：

        
![图片描述](https://你的飞牛云地址/images/photo.jpg)

        
<img src="https://picsum.photos/400/200" alt="小尺寸图片" style="width: 300px;">

图片居中并带有说明文字

在飞牛云存储中创建目录结构：

/blog-assets/
├── images/
│   ├── posts/       # 文章配图
│   └── covers/      # 文章封面
└── videos/

使用示例：

        
![文章配图](https://nas.你的域名.com/blog-assets/images/posts/demo.jpg)

在文章 Front Matter 中设置封面图：

        
featuredImage: https://nas.你的域名.com/blog-assets/images/covers/cover.jpg