Jekyll _post не использует css, когда сайт встроен в _site - PullRequest
1 голос
/ 21 февраля 2020

К моим сообщениям в _post к ним применяется css при использовании: bundle exe c jekyll serve. Когда я go, чтобы построить сайт jekyll с помощью: bundle exe c jekyll build; к постам в _post больше не применяется css, даже если в исходном коде html встроенного сайта они имеют одинаковые <link rel="stylesheet" href="/assets/css/styles.css">

Вот статья _layout:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" 
rel="stylesheet">
    <title>{{ page.title }}</title>
    <link rel="stylesheet" href="/assets/css/styles.css">
    <link rel="shortcut icon" type="svg/svg" href="assets/svg/users-dmitri13.svg">
  </head>
  <body>
   {% include navigation.html %}
   {{ content }}
   {% include footer--articles.html %}
  </body>

Если я уберу начало / в <link rel="stylesheet" href="/assets/css/styles.css">. css будет отображаться на странице статьи встроенного _сайта, но тогда сообщения не смогут найти css.

Пост _layout:

---
layout: articles
---


<article class="article">
  <div class="header--large header--large--gradient">
      <div class="heading-primary--main-static header__text-box">
          <h1>{{ page.title }}</h1>
      </div>
  </div>

  <div class="article__content">
      <p>{{ page.date | date_to_string }} - {{ page.author }}</p>
      <div class="paragraph--big">
          {{ content }}
      </div>
  </div>

Ответы [ 2 ]

0 голосов
/ 24 февраля 2020

<link rel="stylesheet" href="/assets/css/styles.css"> работает, когда папка, содержащая все ваши файлы, является root.

При использовании bundle exec jekyll serve или размещении на веб-сервере папка, содержащая все ваши файлы, root. Начало / в /assets/css/styles.css говорит <link rel="stylesheet" href="/assets/css/styles.css"> начать поиск в root вашей папки.

0 голосов
/ 21 февраля 2020

Вы должны использовать тег link. Jekyll сгенерирует правильный выходной URL для вас в папке _site.

<link rel="stylesheet" href="{% link /assets/css/styles.css %}">

Документы для тега ссылки.

...