Как отобразить локальное изображение в уценке

Я пробую следующее в уценке, но, похоже, не работает, кто-нибудь знает, как отобразить локальное изображение в уценке? Я не хочу настраивать для этого веб-сервер. Спасибо

![image](files/Users/jzhang/Desktop/Isolated.png)

Я подозреваю, что путь неправильный. Как упоминалось пользователем7412219, ubuntu и Windows обрабатывают путь по-разному. Попробуйте поместить изображение в ту же папку, что и ваш блокнот, и используйте:

![alt text](Isolated.png "Title")

В Windows рабочий стол должен находиться по адресу: C: \ Users \ jzhang \ Desktop

Следующее работает с относительным путем к изображению в подпапке рядом с документом (в настоящее время проверено только в системе Windows):

![image info](./pictures/image.png)

Лучшее решение - указать путь относительно папки, в которой находится MD-документ.

Вероятно, у браузера возникают проблемы, когда он пытается определить абсолютный путь к локальному файлу. Это можно решить, получив доступ к файлу через веб-сервер, но даже в этой ситуации путь к изображению должен быть правильным.

Наличие папки на том же уровне документа, содержащей все изображения, является самым чистым и безопасным решением. Он загрузится на GitHub, локальном, локальном веб-сервере.

images_folder/img.jpg  < works


/images_folder/img.jpg  < this will work on webserver's only (please read the note!)

Используя абсолютный путь, изображение будет доступно только с таким URL-адресом: http: //hostname.doesntmatter/image_folder/img.jpg

ШАГ ЗА ШАГОМ :

1. Создайте каталог с именем Images и поместите все изображения, которые будут отображаться с помощью Markdown.

2. Например, поместите example.png в изображения .

3. Чтобы загрузить файл example.png, который ранее находился в каталоге изображений .

![title](Images/example1.png)

Примечание . Каталог изображений должен находиться в том же каталоге, что и ваш текстовый файл уценки с.mdрасширением.

Чтобы добавить изображение в файл уценки, файл .md и изображение должны находиться в одном каталоге. Как и в моем случае, мой .md-файл находился в папке doc, поэтому я также переместил изображение в ту же папку. После этого напишите следующий синтаксис в .md файле

![alt text](filename)

лайк ![Car Image](car.png)

Это сработало для меня.

Добавление локального изображения сработало для меня примерно так: ![alt text](file://IMG_20181123_115829.jpg)

Без file://приставки не работало (Win10, Notepad ++ с аддоном MarkdownViewer ++)

Изменить: я обнаружил, что он также работает с тегами html, и это намного лучше: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Edit2: в редакторе Atom он работает только без file://префикса. Какой беспорядок.

Насколько мне известно, для VSCode в Linux локальное изображение может нормально отображаться только тогда, когда вы помещаете изображение в ту же папку, что и ваш .mdфайл сообщения.
т.е. только ![](image.jpg)или ![](./image.jpg)будет работать.
Даже абсолютный путь вроде ![](/home/bala/image.jpg)тоже не работает.

Отредактировано:

Работаю на меня (для локального имиджа)

![system schema](doc/systemDiagram.jpg)

 tree
 ├── doc
     └── jobsSystemSchema.jpg
 ├── README.md

файл уценки README.md находится на том же уровне, что и каталог doc.

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

Работает для меня (абсолютный URL с необработанным путем)

![system schema](https://server/group/jobs/raw/master/doc/systemDiagram.jpg)

НЕ работает для меня (URL-адрес с путем к blob)

![system schema](https://server/group/jobs/blob/master/doc/systemDiagram.jpg)

Еще одна возможность для не отображаемого локального изображения - это непреднамеренный отступ ссылки на изображение - пробелы перед ним ![alt text](file).

Это делает его «блоком кода», а не «включением изображения». Просто удалите ведущие пробелы.

У меня возникли проблемы с вставкой изображений в R Markdown. Если я делаю весь URL: C:/Users/Me/Desktop/Project/images/image.pngон работает. В противном случае я должен поместить разметку либо в тот же каталог, что и изображение, либо в каталог-предок для него. Похоже, что объявленный каталог вязания игнорируется при обращении к изображениям.

В зависимости от вашего инструмента вы также можете вставить HTML в уценку.

<img src="./img/Isolated.png">

Предполагается, что ваша структура папок:

 ├── img
     └── Isolated.jpg
 ├── README.md

Либо поместите изображение в ту же папку, что и файл уценки, либо используйте относительный путь к изображению.

просто скопируйте изображение, а затем вставьте его, вы получите результат

![image.png](attachment:image.png)

В Jupyter Notebook Markdown вы можете использовать

<img src="RelPathofFolder/File" style="width:800px;height:300px;">

Нет необходимости настраивать веб-сервер

Я попытался загрузить свое локальное изображение в разделе комментариев к сути и просто скопировал и вставил сгенерированный URL. Работал у меня 😊

У меня есть решение:

а) Пример Интернета:

![image info e.g. Alt](URL Internet to Images.jpg "Image Description")

б) Пример локального изображения:

![image Info](file:///<Path to your File><image>.jpg "Image Description")
![image Info](file:///C:/Users/<name>/Pictures/<image>.jpg "Image Description")

TurboByte