Для списков генерируются оптимизированные изображения, а для дисплеев с высоким разрешением доступны различные разрешения. Изображения загружаются по мере прокрутки (если это поддерживается нативно браузером).
По умолчанию Discourse использует первое изображение в основном сообщении (OP) темы. Если вы хотите выбрать другое изображение из основного сообщения, добавьте |thumbnail в разметку. Например:

 <> это изображение будет использоваться как миниатюра
Доступно пять режимов, которые можно настроить для каждой категории или тега через настройки темы.
Если вы хотите, чтобы Oneboxes в ваших сообщениях генерировали миниатюры, необходимо включить следующую настройку сайта: download_remote_images_to_local. Также потребуется пересобрать соответствующие сообщения.
Настройки
Имя
Описание
default_thumbnail_mode
Какой режим отображения миниатюр использовать по умолчанию
docs_thumbnail_mode
Если включён плагин Docs, какой режим отображения миниатюр использовать для тем документации
blog_style_categories
В этих категориях будет использоваться стиль блога. Этот стиль использует отрывки тем, если они включены через тему или компонент темы
minimal_grid_categories
В этих категориях будет использоваться минималистичный режим сетки
grid_categories
В этих категориях будет использоваться режим сетки
masonry_categories
В этих категориях будет использоваться режим кирпичной кладки
list_categories
В этих категориях будет использоваться режим списка
blog_style_tags
minimal_grid_tags
Минималистичный режим сетки будет использоваться для этих тегов
grid_tags
Режим сетки будет использоваться для этих тегов
masonry_tags
Режим кирпичной кладки будет использоваться для этих тегов
list_tags
Режим списка будет использоваться для этих тегов
suggested_topics_mode
Какой режим отображения миниатюр использовать для рекомендуемых тем? Если пусто, будет использоваться настройка «Включить вне списков тем»
enable_outside_topic_lists
Включить отображение миниатюр на страницах, не являющихся списками тем (например, активность пользователя, личные сообщения, рекомендуемые темы)
placeholder_icon
Иконка, отображаемая для тем без миниатюр
mobile_thumbnails
Включить отображение миниатюр на мобильных устройствах
list_thumbnail_size
Базовый размер миниатюр в режиме «список»
Размещены у нас? Компоненты тем доступны для использования в наших тарифах Pro, Business и Enterprise.
Просто замечательно, что основная команда уделяет больше внимания доставке и отображению изображений. Мне нравится это направление!
(Если это не полностью заменит превью тем, то теперь, по крайней мере, есть возможность отказаться от множества кастомных API-решений, которые мне больше не придётся поддерживать. Отличная работа!)
P.S. Я только что протестировал это, и было бы здорово, если бы опросы генерировали миниатюры, чтобы графики могли отображаться…
У меня очень странная проблема, которая касается только одного участника моего сайта. Некоторые миниатюры не отображаются, казалось бы, случайно. Вместо них показывается иконка по умолчанию, как будто изображения нет, однако для меня и всех остальных миниатюра отображается корректно. Я попросил его проверить консоль браузера — там нет ничего важного, и в логах тоже ничего нет. Я предлагал ему очистить кэш, попробовать другие браузеры и устройства, а также сменить провайдера. Даже пробовал тему, в которой включен только этот компонент. Но что бы он ни делал, проблема сохраняется. Я даже пытался войти в систему от его имени, но у меня всё работает. Есть ли у вас какие-то ещё идеи по диагностике? Спасибо!
Попросите его попробовать на мобильном устройстве с отключённым Wi-Fi, чтобы он использовал сотовую сеть, а не домашнюю. Это исключит влияние любых проблем в его домашней сети.
Но если вы уже пробовали «другого провайдера», то, возможно, это не поможет.
Спасибо, Джефф. Он пробовал раздавать интернет с телефона, а также подключался у друга с другим провайдером. Я подумал, что проблема может быть в CDN, поэтому очистил кэш CDN, но это ему не помогло. Я также попробовал имитировать его подключение через VPN в Атланте, откуда он родом, но это тоже не дало результата. Не знаю, что ещё можно попробовать.
У меня всё ещё работает. Можете ли вы предоставить больше деталей о том, что вы пробовали, и какой результат видите? Вот что у меня в тестовом исходном сообщении:
и второе изображение правильно выбрано как миниатюра.
Я согласен, что это было бы здорово, но, думаю, это не понадобится для большинства сайтов. Я считаю, что это могло бы стать отличным отдельным компонентом темы.
У меня есть следующая задача, и, возможно, вы сможете подсказать, как её решить.
Иногда у нас есть тема, которую мы хотим поделиться в социальных сетях, и мы готовим для неё изображение, которое должно использоваться как миниатюра и для тегов og:image, но мы не хотим, чтобы оно было видно внутри самой темы.
Как можно реализовать что-то подобное? Например, добавить «hide» к размерам, а затем к контейнеру изображения будет добавлен класс, который применяет «display: none;»?
Это частично сделано намеренно. Обычно эта панель располагается над заголовками столбцов в списке тем. Альтернативный вариант — чтобы панель «сдвигала» все темы вниз при появлении, из-за чего весь интерфейс резко смещался бы вниз, что могло бы выглядеть довольно раздражающе.
Не совсем понятно, почему на правой стороне панели на вашем скриншоте есть зазор примерно в 1 пиксель. Это может быть проблемой самого компонента или же связано с вашим пользовательским CSS-темом.
Можно ли отображать количество лайков на карточках миниатюр и сделать их кликабельными, чтобы можно было ставить лайки изображениям прямо из просмотра галереи?
Привет! Я только что настроил категорию блога для использования списка категорий, но она отображается во всех категориях. Неужели я что-то неправильно настроил?