← Timeline
Avatar placeholder
tigra
12-02-2020 01:27 (updated 30-08-2020 23:48)
Вставляем картинку с Google Photos

Update: Нашёл вроде более удобный способ вставки картинок - через imgBB.com.

Пока [@lamed](https://lamed.moera.blog/) не написал поддержку картинок, напишу, как можно временно выживать, вставляя их с Google Photos.

  1. Загрузить картинку на Google Photos
  2. Открыть там эту картинку
  3. Нажать кнопочку Share (это такие три кружочка, соединённые двумя линиями)
  4. В появившемся окошке нажать Create link
  5. Скопировать ссылку
  6. Зайти на https://ctrlq.org/google/photos/
  7. Вставить ссылку
  8. Нажать кнопочку GENERATE CODE
  9. Когда сгенерируется, скопировать ссылку из поля Direct Link (URL)
  10. Вставить картинку, пользуясь синтаксисом Markdown:
    ![альтернативный текст для картинки](ссылка, полученная на шаге 9)
    например, так:
    ![broccoli tree](https://lh3.googleusercontent.com/9NkYQFHvjCuJ5h_-uUonakkVHQYxuEt43P_xsJwqkj_CCVr3DvqjTMBMsaIk0Fwawmz8gmgCBm8sIBDlFhnaLooUNiijrO-yBxAemSyYxnhNl3lRsRy1YPKgG1LuyHVpac1wbi2idg=w300)
    Еcли же пост у вас в HTML, а не в Markdown, то код будет выглядеть так: <img src="ссылка с шага 9">
  11. Подправить размер картинки, заменив в URL =2400, например, на =w250. Это ширина. Длину гугл подправляет автоматически, сохраняя пропорции картинки.

И вот результат:
img from google photos

A если вдруг хочется сделать, чтобы картинка была ссылкой, нужно Markdown-конструкцию для картинки - ![..](...) поместить внутрь квадратных скобок конструкции для ссылки - [...](...). То есть как-то так:

[![alt text](image url)](link)

Например, вышеупомянутую картинку делаю маленькой и ссылаюсь на бОльшую картинку:
[![img from google photos](https://lh3.googleusercontent.com/9NkYQFHvjCuJ5h_-uUonakkVHQYxuEt43P_xsJwqkj_CCVr3DvqjTMBMsaIk0Fwawmz8gmgCBm8sIBDlFhnaLooUNiijrO-yBxAemSyYxnhNl3lRsRy1YPKgG1LuyHVpac1wbi2idg=w100)](https://lh3.googleusercontent.com/9NkYQFHvjCuJ5h_-uUonakkVHQYxuEt43P_xsJwqkj_CCVr3DvqjTMBMsaIk0Fwawmz8gmgCBm8sIBDlFhnaLooUNiijrO-yBxAemSyYxnhNl3lRsRy1YPKgG1LuyHVpac1wbi2idg=w1000)

Получается кликабельная картинка:

img from google photos

👍💯2
To react or comment  View in Web Client
Comments (1)
Avatar placeholder

Через imgbb удобнее и надёжнее

To react or comment  View in Web Client