Jekyll: используйте другой CSS локально против Github
Для моего веб-сайта, созданного Jekyll и размещенного на github, я хотел бы использовать другой CSS локально, а не опубликованный.
В частности, когда я обращаюсь к нему через http: // localhost: 4000 / бла-бла, я хочу, чтобы были видны некоторые дополнительные элементы страницы, а когда я обращаюсь к нему через http://mysite.github.io, я хочу, чтобы эти дополнительные элементы были невидимы.
Я хочу добавить такие вещи, как кнопка «Редактировать меня», чтобы загрузить страницу с http: // локальный: 4000 / админ.
Я не думаю, что смогу сделать это с жидкостью, потому что переменные обрабатываются во время сборки, а мне нужны другие значения во время просмотра.
Как я могу заставить мой сайт, созданный на Jekyll, загружать разные CSS на основе базового URL (или скрывать / отображать элементы страницы на основе базового URL)?
Ответы 1
Вы можете сделать это с помощью JavaScript. Вы можете использовать document.domain, чтобы получить домен, в котором вы находитесь.
var localsite = "localhost:4000/blah-blah";
var livesite = "mysite.github.io";
var domain = document.domain;
if (domain == localsite){
// display edit button
}
Что-то вроде этого может сработать. Я не эксперт в Джекилле (пока). В jekyll может быть какой-то код, который поможет вам сделать это по-другому и лучше. Вы можете сначала потратить некоторое время на документацию Jekyll.