博客搭建(三)图片使用示例

图片使用方法示例

1. 使用图床(推荐)

如果你使用图床,可以直接使用图床提供的链接:

![示例图片](https://your-image-host.com/image.jpg)

2. 使用本地图片

对于博客 Logo 等小图片,可以存储在本地:

![博客 Logo](/images/logo/logo.png)

3. 文章配图

对于文章配图,建议:

  1. 使用图床存储大图
  2. 生成缩略图用于预览
  3. 图片命名规范:YYYY-MM-DD-文章标题-序号

示例:

![文章配图](/images/posts/2024-01-01-图片使用示例-1-thumb.jpg)

4. 图片优化建议

  1. 使用 TinyPNG 压缩图片
  2. 控制图片大小在 200KB 以内
  3. 生成缩略图用于列表页面
  4. 选择合适的图片格式:
    • JPG:照片
    • PNG:截图、Logo
    • WebP:新一代图片格式,更小
    • SVG:矢量图标

5. 图床推荐

  1. 七牛云

    • 免费额度:10GB 存储
    • 每月 10GB 流量
    • 支持 CDN 加速
  2. 阿里云 OSS

    • 按量付费
    • 稳定可靠
    • 全球 CDN
  3. GitHub + jsDelivr

    • 完全免费
    • 但国内访问可能不稳定
  4. 腾讯云 COS

    • 有免费额度
    • 速度快
    • 价格实惠

6. 图片管理工具

推荐使用 PicGo

  • 支持多个图床
  • 支持拖拽上传
  • 支持快捷键操作
  • 自动生成 Markdown 链接

这篇文章展示了在博客中使用图片的各种方法。选择合适的图片管理方案可以让你的博客既美观又不会让代码仓库变得臃肿。