Как добавить логотип изображения в верхнюю панель навигации в Jekyll?

Question

Только что начал использовать Jekyll для создания некоторых основных страниц и хотел добавить логотип изображения в верхнюю область брендинга на панели навигации. Есть ли стандартный способ сделать это, не вникая в темы в Jekyll?

Answer 1

Я не верю, что это возможно сделать без хотя бы небольшой настройки темы.

Однако, так как вы используете по умолчанию, щебет темы для Джекил-Bootstrap, эти изменения должны быть довольно просто сделать:

Поместите свой logo.png в assets/themes/twitter

В вашей _includes/themes/twitter/default.html вы» будете хотеть, чтобы добавить <li> с логотипом под <ul class="nav"> элемента следующим образом:

<li><a class="brand-image" href="{{ HOME_PATH }}"><img class="brand-image" src="{{ASSET_PATH}}/logo.png"/></a></li> 

Далее определяют brand-image класс путем редактирования assets/themes/twitter/css/style.css и добавить следующее:

.navbar .nav > li > a.brand-image { 
     padding: 4px 0px 0px 0px; 
} 
.navbar .nav > li > a > img.brand-image { 
    -webkit-border-radius: 0px; 
     -moz-border-radius: 0px; 
      border-radius: 0px; 

}

Вы, вероятно, придется играть с прокладкой, чтобы заставить его работать как раз для вашего изображения.