Сайт Jekyll не показывает Favicon

Мой значок не отображается для моего сайта Jekyll. Я использую тему minima и следовал всем инструкциям в шаблоне по добавлению фавиконки.

Ожидание

Сайт Jekyll не показывает Favicon

реальность

Сайт Jekyll не показывает Favicon

Когда я запускаю сайт Jekyll локально, отображается значок значка. Это мой код заголовка, включенный в файл header.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">
      {%- seo -%}
      <link rel = "stylesheet" href = "{{ "/assets/main.css" | relative_url }}">
      <link rel = "shortcut icon" type = "image/x-icon" href = "/assets/favicon.ico">
      {%- feed_meta -%}
      {%- if jekyll.environment == 'production' and site.google_analytics -%}
        {%- include google-analytics.html -%}
      {%- endif -%}
    </head>

5 способов использования оповещений, предупреждений, ошибок, сообщений об успехе в Bootstrap
5 способов использования оповещений, предупреждений, ошибок, сообщений об успехе в Bootstrap
Bootstrap - это популярный front-end фреймворк, который делает веб-разработку проще и быстрее. Использование Bootstrap растет по мере того, как все...
Библиотека Bootstrap
Библиотека Bootstrap
Bootstrap - это бесплатный набор инструментов для разработки веб-приложений с открытым исходным кодом, разработанный компанией Twitter. Написанный на...
HTML И VS CODE Для Веб-разработки
HTML И VS CODE Для Веб-разработки
Прежде чем начать кодировать html в "VS CODE", мы должны сначала создать папку и назвать ее x.html, здесь я принимаю x как имя файла, который мы...
Красиво оформленное веб-приложение для отправки HTML писем на PHP
Красиво оформленное веб-приложение для отправки HTML писем на PHP
В современный цифровой век маркетинг электронной почты играет жизненно важную роль в успехе любого бизнеса, а создание красиво оформленных HTML-писем...
Раскройте весь потенциал вашего проекта Angular с помощью экспертного знания команд Angular CLI
Раскройте весь потенциал вашего проекта Angular с помощью экспертного знания команд Angular CLI
Angular - это популярный JavaScript-фреймворк для создания веб-приложений. Одной из ключевых особенностей Angular является его мощный интерфейс...
Соскабливание и загрузка изображений Google с помощью Python
Соскабливание и загрузка изображений Google с помощью Python
Растущая распространенность веб-скрейпинга значительно расширила области его использования. Многие приложения искусственного интеллекта сегодня...
1
0
76
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

привет, Назчанель, я думаю, тебе нужно добавить абсолютный адрес

ты используешь

<link rel = "shortcut icon" type = "image/x-icon" href = "/assets/favicon.ico">

пожалуйста, попробуйте это может помочь вам

<link rel = "icon" type = "image/x-icon" href = "{{site.baseurl}}/assets/favicon.ico" />

если это не сработает, то добавьте

<link rel = "icon" type = "image/x-icon" href = "www.YourDomain.com/assets/favicon.ico" />

В вашем третьем варианте, не лучше ли добавить абсолютный URL-адрес с помощью фильтра Jekyll? «Добавьте значения url и baseurl к входным данным, чтобы преобразовать путь URL-адреса в абсолютный URL-адрес». См. jekyllrb.com/docs/liquid/filters

Christian 05.12.2022 23:25

Да, точно, мы также можем использовать это.

devlopersfield 08.12.2022 16:00

Также помогает, если моя папка _includes была на моем GitHub

Nazchanel 11.02.2023 23:56

Другие вопросы по теме