Как Gridsome обрабатывает URL внешнего изображения

Кто-нибудь может объяснить, как Gridsome обрабатывает URL-адрес внешнего изображения в файле Markdown. Загружает ли он изображение или просто отображает внешнее изображение, используя этот URL-адрес.


vue.js markdown gridsome
person Prashant Singh    schedule 28.02.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

g-image - относительные изображения

Gridsome имеет встроенный компонент, который выводит оптимизированное прогрессивное изображение. Он также изменяет размер и кадрирует в режиме реального времени при разработке.

???? Gridsome сжимает только локальные относительные пути к изображениям.

Относится к md:

Плагин преобразователя @ gridsome / transformer-comment автоматически конвертирует обычные изображения 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)
person Ezra Siton    schedule 28.02.2020