Gridsome 如何处理外部图片 URL答案

【问题标题】：How Gridsome handles External Image UrlGridsome 如何处理外部图片 URL
【发布时间】：2020-02-29 07:42:27
【问题描述】：

谁能解释一下 Gridsome 如何处理 Markdown 文件中的外部图像 URL。它是下载图像还是简单地使用该 URL 呈现外部图像。

【问题讨论】：

标签： vue.js markdown gridsome

【解决方案1】：

g-image - 相对图像

Gridsome 有一个内置组件，可以输出优化的渐进式图像。它还可以实时调整大小和裁剪发展中。

? Gridsome 只会压缩本地的相对图像路径。

与md相关：

@gridsome/transformer-remark 自动转换器插件将普通 Markdown 图像转换为与 g-image 兼容的标记。

阅读更多：https://gridsome.org/docs/images/

-VS-

外部 URL - 无渲染引擎

= 使用该 URL 的外部图片


---
title: post-1
---


<h2 class="uk-heading-line"><span>Landing Page</span></h2>

<img src ="https://images.unsplash.com/photo-1416138645715-930585fe4ce2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" title="turtle">

![Landing Page](https://images.unsplash.com/photo-1416138645715-930585fe4ce2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60)

【讨论】：