#github #jekyll #github-pages #kramdown
#github #jekyll #github-страницы #крамдаун
Вопрос:
Недавно я начал разрабатывать веб-страницу на Github и создал блог. Сегодня, публикуя обзор книги, я обнаружил, что не могу вставить изображение. Я использую синтаксис kramdown и использую то, что я пробовал
Затем я снова напрямую использовал
<img class="img-responsive" src="../css/images/oneindiangirl.png"/>
и
<img src="../css/images/oneindiangirl.png" alt="One-Indian-Girl" class="inline"/>
и все эти три появились в виде изображения так, как я ожидал. Однако, когда я открыл свою веб-страницу, первая и третья отображались только как альтернативный текст, а вторая ссылка была неработающим изображением. Я не понимаю, где я ошибаюсь. Любая помощь будет очень признательна.
Репозиторий _post можно найти здесь, а соответствующий веб-сайт находится здесь
Комментарии:
1. Поскольку мне не повезло с локальным вызовом, я попытался установить прямую ссылку, и это сработало
Но я все еще не уверен, почему другой способ не работает
Ответ №1:
<img class="img-responsive" src="../css/images/oneindiangirl.png" data-pin-nopin="true">
здесь src="../css/images/oneindiangirl.png" на самом деле рецензирование
https://darkdem.github.io/2016/10/css/images/oneindiangirl.png
адрес однако изображение на самом деле находится в https://github.com/DarkDem/DarkDem.github.io/blob/master/css/images/oneindiangirl.png или https://darkdem.github.io/css/images/oneindiangirl.png
так вот почему изображение не отображается.
Я не уверен в решении, но вы можете попробовать это
<img src="{{ site.url }}{{ site.baseurl }}/css/images/filename.jpg" alt="">
в вашем случае это будет похоже
<img src="https://darkdem.github.io/css/images/oneindiangirl.png" alt="">
Комментарии:
1. Ну, я не понял. Источник в каждом сбойном изображении ссылается на источник, который есть
https://github.com/DarkDem/DarkDem.github.io/blob/master/css/images/oneindiangirl.png, если я нажимаю на изображение, отображаемое в сообщении, написанном с помощью markdown.2. Однако решение сработало, поскольку оно напрямую связывает его. Тем не менее, я не уверен, почему путь не пройден. » » 1 к вашему решению. но пока не принимаю это как решение.