Почему Jekyll загружает navbar.less?

Я создаю сайт с Jekyll, локально и on Github pages. Оба экземпляра загружают файл navbar.less (который отбрасывает мой навигатор), но я не могу найти в своем коде.Почему Jekyll загружает navbar.less?

Как загружается этот файл navbar.less?

Вот мой head.html файл:

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> 
    <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css" /> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"> 
    <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css"> 
    <link rel="stylesheet" href="{{ "/css/style.css" | prepend: site.baseurl }}"> 
    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> 
    <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}"> 
</head>

Мой style.css file не ссылается на это. Может быть, Bootstrap загружает его или Джекил?

источник

2016-01-11 Brady Dowling

Не воспроизводится как на GH-страниц и после клонирования репозитория. Вы файл - призрак! Ваш очищенный кеш браузера? Вы делаете «jekyll serve» в правой папке? –

Это не показано в моих источниках, но когда я проверяю метку img логотипа на навигационной панели, один из (основных) стилей в инспекторе Chrome - это navbar.less. Когда я нажимаю этот файл, чтобы увидеть, что в нем, он открывает пустой файл. –

Что вы видите, это интерпретация хрома/firefox map file, созданная из-за меньшего преобразования. Вы можете увидеть ссылку на нее в самом конце bootstrap css file. Этот файл находится здесь для debugging preprocessor code like less or sass with chrome.

На самом деле, ваше правило css находится в файле bootstrap.min.css.

Вы просто переписать его, заменив в вашем css/style.css:

.navbar .navbar-header .navbar-brand img { 
    max-height: 43px; 
    margin-top: -14px; 
}

по:

.navbar .navbar-header .navbar-brand img { 
    max-height: 43px; 
    margin-top: -14px; 
    display: inline; 
}

источник

2016-01-11 14:19:16

Это было сделано. Я собираюсь снова прочитать это позже, чтобы лучше понять, как это делает Chrome/Firefox, но спасибо за это. –

Почему Jekyll загружает navbar.less?

ответ

Смежные вопросы