Cómo mostrar una imagen local en markdown
Respuestas:
Sospecho que el camino no es correcto. Como lo mencionó el usuario 7412219, ubuntu y Windows manejan la ruta de manera diferente. Intente poner la imagen en la misma carpeta que su Notebook y use:
En Windows, el escritorio debe estar en: C: \ Users \ jzhang \ Desktop
Lo siguiente funciona con una ruta relativa a una imagen en una subcarpeta al lado del documento (actualmente solo se prueba en un sistema Windows):
La mejor solución es proporcionar una ruta relativa a la carpeta donde se encuentra el documento md.
Probablemente un navegador tenga problemas cuando intenta resolver la ruta absoluta de un archivo local. Eso se puede resolver accediendo al archivo a través de un servidor web, pero incluso en esa situación, la ruta de la imagen debe ser la correcta.
Tener una carpeta al mismo nivel del documento, que contenga todas las imágenes, es la solución más limpia y segura. Se cargará en GitHub, servidor web local, local.
images_folder/img.jpg < works
/images_folder/img.jpg < this will work on webserver's only (please read the note!)
Usando la ruta absoluta, la imagen será accesible solo con una URL como esta: http: //hostname.doesntmatter/image_folder/img.jpg
PASO A PASO :
Cree un directorio llamado Imágenes como Imágenes y coloque todas las imágenes que serán renderizadas por Markdown.
Por ejemplo, ponga example.png en Images .
Para cargar example.png que estaba ubicado en el directorio de Imágenes antes.
Nota : El directorio de imágenes debe estar ubicado en el mismo directorio de su archivo de texto de rebajas que tiene.mdextensión.
Para agregar una imagen en un archivo de rebajas, el archivo .md y la imagen deben estar en el mismo directorio. Como en mi caso, mi archivo .md estaba en la carpeta doc, así que también moví la imagen a la misma carpeta. Después de eso, escriba la siguiente sintaxis en el archivo .md
me gusta 
Esto me ha funcionado.
Agregar una imagen local funcionó para mí así: 
Sin el file://prefijo no funcionó (Win10, Notepad ++ con complemento MarkdownViewer ++)
Editar: descubrí que también funciona con etiquetas html, y eso es mucho mejor:
<img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>
Edit2: en el editor Atom solo funciona sin el file://prefijo. Que desastre.
Que yo sepa, para VSCode en Linux, la imagen local normalmente se puede mostrar solo cuando coloca la imagen en la misma carpeta que su .mdarchivo de publicación.
es decir, solo o funcionará.
Incluso el camino absoluto como tampoco funciona.
Editado:
Trabajando para mi (para imagen local)
tree
├── doc
└── jobsSystemSchema.jpg
├── README.md
El archivo de rebajas README.md está al mismo nivel que el directorio doc.
En su caso, su archivo de rebajas debe estar al mismo nivel que los archivos de directorio.
Trabajando para mí (URL absoluta con ruta sin procesar)
NO funciona para mí (url con ruta de blob)
Otra posibilidad de que la imagen local no se muestre es la sangría no intencional de la referencia de la imagen: espacios antes .
Esto lo convierte en "bloque de código" en lugar de "inclusión de imágenes". Simplemente elimine los espacios iniciales.
He tenido problemas al insertar imágenes en R Markdown. Si hago la URL completa: C:/Users/Me/Desktop/Project/images/image.pngsuele funcionar. De lo contrario, tengo que poner la rebaja en el mismo directorio que la imagen o en un directorio ancestro. Parece que el directorio de tejido declarado se ignora al hacer referencia a imágenes.
simplemente copie la imagen y luego péguela, obtendrá el resultado
En Jupyter Notebook Markdown , puede utilizar
<img src="RelPathofFolder/File" style="width:800px;height:300px;">
<img >etiqueta
No es necesario configurar un servidor web
Intenté cargar mi imagen local en la sección de comentarios de la esencia y simplemente copié y pegué la URL generada. Funcionó para mí 😊
Tengo una solución:
a) Ejemplo de Internet:
b) Ejemplo de imagen local:
TurboByte