местный Джекил обслуживает не так, как на самом деле

Question

У меня проблема с несоответствием между локальной службой jekyll и фактическим выводом.

введите описание изображения здесь

Первое изображение является фактическим выводом. Фавикон не отображается на сайте должным образом.

введите описание изображения здесь

Второе изображение - локальный сервер jekyll. Он правильно показывает мой значок.

Я уже пробовал чей-то ответ, который меняет _config.yml, как следующее объяснение.

В ответе говорится, что исправьте этот код. url: "http://flash-kim142.github.io" на url: "https://flash-kim142.github.io"

В настоящее время мой файл favicon.png находится в / Desktop / Documents / Github / My Blog / assets

Следует ли мне изменить это местоположение или попробовать что-то другое?

Answer 1

Ваш favicon URL-адрес должен быть относительно вашего файла, поэтому используйте assets/<filename>.<extension>. Не включайте весь путь жесткого кода, например Desktop/Documents/....

Это ваш сгенерированный код на вашей домашней странице:

<!-- For all browsers -->
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/Documents/GitHub/My Blog/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/Documents/GitHub/My Blog/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/Documents/GitHub/My Blog/favicon-16x16.png">
<link rel="icon" type="image/png" href="/Documents/GitHub/My Blog/assets/favicon.png">
<link rel="mask-icon" href="/Documents/GitHub/My Blog/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/Documents/GitHub/My Blog/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/Documents/GitHub/My Blog/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link href="/assets/favicon.png/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/>

Но он должен быть таким:

<!-- For all browsers -->
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="shortcut icon" href="./favicon.ico">
<link rel="shortcut icon" type="image/png" href="./favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="icon" type="image/png" href="./assets/favicon.png">
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link href="/assets/favicon.png/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/>