Як відобразити локальне зображення у розмітці

Я намагаюся наступне в розмітці, але, здається, не працює, хтось знає, як відобразити локальне зображення в розмітці? Я не хочу налаштувати веб-сервер для цього. Дякую

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

Я підозрюю, що шлях невірний. Як зазначає user7412219 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. Створіть каталог, названий як " Зображення", і помістіть усі зображення, які будуть надані 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 з кроком шляху)

![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вона працює. В іншому випадку я повинен розміщувати розмітку в тому самому каталозі, що і зображення, або в каталозі предків до нього. Здається, що декларований каталог в'язання ігнорується при посиланні на зображення.

Або помістіть зображення в ту саму папку, що і файл розмітки, або використовуйте відносний шлях до зображення.

просто скопіюйте зображення та вставте його, ви отримаєте вихід

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

У програмі Jupyter Notebook Markdown ви можете використовувати

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

Залежно від вашого інструменту - ви також можете вводити HTML у розмітку.

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

Це передбачає, що структура вашої папки:

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

Не потрібно налаштовувати веб-сервер

Я спробував завантажити своє місцеве зображення в розділ коментарів суті і просто скопіював та вставив створену URL-адресу. Працював для мене 😊

Я отримав рішення:

а) Приклад Інтернету:

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

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

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

TurboByte