Come visualizzare l'immagine locale in markdown
Risposte:
Sospetto che il percorso non sia corretto. Come accennato da user7412219 Ubuntu e Windows gestiscono il percorso in modo diverso. Prova a mettere l'immagine nella stessa cartella del tuo Notebook e usa:
Su Windows il desktop dovrebbe essere in: C: \ Users \ jzhang \ Desktop
Quanto segue funziona con un percorso relativo a un'immagine in una sottocartella accanto al documento (attualmente testato solo su un sistema Windows):
La soluzione migliore è fornire un percorso relativo alla cartella in cui si trova il documento md.
Probabilmente un browser ha dei problemi quando cerca di risolvere il percorso assoluto di un file locale. Ciò può essere risolto accedendo al file tramite un server web, ma anche in quella situazione il percorso dell'immagine deve essere corretto.
Avere una cartella allo stesso livello del documento, contenente tutte le immagini, è la soluzione più pulita e sicura. Verrà caricato su GitHub, server web locale e locale.
images_folder/img.jpg < works
/images_folder/img.jpg < this will work on webserver's only (please read the note!)
Utilizzando il percorso assoluto, l'immagine sarà accessibile solo con un URL come questo: http: //hostname.doesntmatter/image_folder/img.jpg
PASSO DOPO PASSO :
Crea una directory denominata come Immagini e inserisci tutte le immagini che verranno renderizzate da Markdown.
Ad esempio, inserisci example.png in Images .
Per caricare example.png che prima si trovava nella directory Images .
Nota : la directory delle immagini deve trovarsi nella stessa directory del file di testo del markdown che ha.mdestensione.
Per aggiungere un'immagine nel file markdown, il file .md e l'immagine dovrebbero essere nella stessa directory. Come nel mio caso, il mio file .md era nella cartella doc, quindi ho spostato anche l'immagine nella stessa cartella. Dopodiché scrivi la seguente sintassi nel file .md
piace 
Questo ha funzionato per me.
L'aggiunta di un'immagine locale ha funzionato per me in questo modo: 
Senza il file:// prefisso non funzionava (Win10, Notepad ++ con MarkdownViewer ++ addon)
Modifica: ho scoperto che funziona anche con i tag html, ed è molto meglio:
<img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>
Edit2: nell'editor Atom funziona solo senza il file://prefisso. Che casino.
Per quanto ne so, per VSCode su Linux, l'immagine locale può essere normalmente visualizzata solo quando si inserisce l'immagine nella stessa cartella del .mdfile di post.
cioè solo o funzionerà.
Anche il percorso assoluto come anche non funziona.
Modificato:
Working for me (for local image)
tree
├── doc
└── jobsSystemSchema.jpg
├── README.md
Il file markdown README.md è allo stesso livello della directory doc.
Nel tuo caso, il tuo file markdown dovrebbe essere allo stesso livello dei file di directory.
Funzionando per me (URL assoluto con percorso grezzo)
NON funziona per me (url con percorso blob)
Un'altra possibilità per un'immagine locale non visualizzata è il rientro involontario del riferimento dell'immagine - spazi prima .
Questo lo rende "blocco di codice" invece di "inclusione di immagini". Basta rimuovere gli spazi iniziali.
Ho avuto problemi con l'inserimento di immagini in R Markdown. Se eseguo l'intero URL: C:/Users/Me/Desktop/Project/images/image.pngtende a funzionare. Altrimenti, devo mettere il markdown nella stessa directory dell'immagine o in una directory antenata. Sembra che la directory di lavoro a maglia dichiarata venga ignorata quando si fa riferimento alle immagini.
copia semplicemente l'immagine e poi incollala, otterrai l'output
In Jupyter Notebook Markdown , puoi usare
<img src="RelPathofFolder/File" style="width:800px;height:300px;">
<img >tag
Non è necessario configurare un server web
Ho provato a caricare la mia immagine locale nella sezione commenti dell'essenza e ho semplicemente copiato e incollato l'URL generato. Ha funzionato per me 😊
Ho una soluzione:
a) Internet di esempio:
b) Esempio di immagine locale:
TurboByte