в моем css я использую url () в некоторых местах следующим образом:
style="background-image:url(/images/home/abschnitt1.jpeg)"
этот подход обычно работает, и он показывает мне фоновое изображение так, как я хочу, когда я развертываю сайт. Однако для постановки я хотел бы также развернуть его на страницах github. Проблема в том, что на страницах github мои сайты base-uri не те, которые мне нужны.
Он ищет фотографии на
https://<username>.github.io/
но сайт на самом деле на
https://<username>.github.io/<repository name>
Это означает, что он никогда не найдет эти изображения. Мой текущий обходной путь заключается в том, что, поскольку я развернул его с помощью travis, он просто переименовал материал следующим образом:
mv index.html index.html.old
sed "s/url(/url(\/website-staging1/g" index.html.old > index.html
Хотя это работает для этой цели, это определенно супер уродливое решение. Однако я не нашел решения, как это сделать без ручного исправления URI.
Поэтому мой вопрос заключается в том, как я могу сделать это, не переименовывая его таким образом вручную, будь то с помощью базового URI или включив его другим способом