Блог

Главная - Вопросы по программированию - Как изменить img src в зависимости от условия в Jekyll

Как изменить img src в зависимости от условия в Jekyll

#jekyll #liquid

#jekyll #жидкость

Вопрос:

Я хотел бы сделать свой веб-сайт Jekyll адаптивным к выбору темы пользователя (светлая, темная), и мне интересно, почему этот код не работает:

 <img 
    {% if site.style == 'dark' %}
        src="{{ "/assets/images/logo-dark.svg" | relative_url }}"
    {% elsif site.style == 'light' %}
        src="{{ "/assets/images/logo.svg" | relative_url }}"
    {% endif %} 
    alt="logo"/>

Я пытаюсь изменить src в зависимости от темы. Я делаю что-то не так? Я не могу понять это.

Кроме того, активы находятся в правильном месте (установка src как {{ "/assets/images/logo.svg" | relative_url }} работает правильно.

Редактировать (исправлено):

Убедитесь, что вы выбрали правильные изображения для правильных тем, я должен был переключиться site.style == 'dark' site.style == 'light' .

Комментарии:

1. Как вы позволяете пользователю устанавливать тему сайта? Как site.style устанавливается? И каково значение site.style currently ?

2. @Dominik Прямо сейчас это жестко задано в _config.yml файле. Позже его можно будет выбрать.

3. Какова его ценность?

4. @Dominik Я обнаружил проблему, мне пришлось переключать «темный» и «светлый»

5. Здесь это не имеет смысла. Было бы неплохо, если бы вы ответили на этот вопрос, чтобы другие, которые могут найти это, могли увидеть, в чем проблема