Jekyll: используйте разные CSS локально против Github - PullRequest
Новая
       6

Jekyll: используйте разные CSS локально против Github

0 голосов
/ 01 мая 2018

Для моего веб-сайта, созданного Jekyll, размещенного на github, я хотел бы использовать различные локально CSS и опубликованные.

В частности, когда я получаю к нему доступ через http://localhost:4000/blah-blah,, я бы хотел, чтобы некоторые дополнительные элементы страницы были видны, а когда я получаю к нему доступ через http://mysite.github.io, я хочу, чтобы эти дополнительные элементы были невидимыми.

Я хочу добавить такие вещи, как кнопка "Изменить меня", чтобы загрузить страницу с http://localhost:4000/admin.

Я не думаю, что смогу сделать это с помощью жидкости, потому что переменные обрабатываются во время сборки, и мне нужны разные значения во время просмотра.

Как я могу заставить мой сайт, построенный на Jekyll, загружать другой CSS-код на основе базового URL-адреса (или скрывать / показывать элементы страницы на основе базового URL-адреса)?

1 Ответ

0 голосов
/ 03 мая 2018

Вы можете сделать это с помощью 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 может быть какой-то код, который поможет вам сделать это по-другому и лучше. Вы можете сначала провести некоторое время в документах по Джекилу.

...