Как исправить адаптивный дизайн со страницы github и испорченных изображений?

Question

У меня есть сайт портфолио, развернутый на страницах github, и я использовал jekyll для его создания. Проблемы, которые у меня есть: 1) Адаптивный дизайн на мобильных устройствах, это не правильно, и я также не вижу нижний колонтитул, 2) Я сломал изображения, которые не загружаются, я несколько раз менял путь, но все еще не работает, яУгадайте, у меня нет вариантов? Есть предложения по решению этих проблем? Мой сайт : https://lazospap.github.io/LazPap/ и мой репо : https://github.com/LazosPap/LazPap.

Answer 1

Чтобы убедиться, что URL-адреса изображений найдены, вы можете сообщить Jekyll, где находится изображение до обработки , используя тег link. Jekyll будет отслеживать ссылку на изображение до и после обработки, поэтому вы можете полагаться на текущую структуру вашего репо вместо структуры после обработки.

<img src="{% link images/CSS_3.png %}" class="background-image-right"/>

Документы по тегу ссылки

Другой совет - создать .gitignore, добавить следующие файлы в .gitignore и затем удалить их из отслеживаемого git. Вы не нуждаетесь в них в вашем контроле исходного кода.

// .gitignore

.jekyll-cache
_site/

---

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