Markdown'da yerel görüntü nasıl görüntülenir

Aşağıdakileri markdown'da deniyorum ama işe yaramıyor gibi görünüyor, kimse markdown'da yerel bir resmi nasıl göstereceğini biliyor mu? Bunun için bir web sunucusu kurmak istemiyorum. Teşekkürler

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

Yolun doğru olmadığından şüpheleniyorum. User7412219 tarafından belirtildiği gibi ubuntu ve windows yolu farklı şekilde ele alır. Görüntüyü Defterinizle aynı klasöre koymayı deneyin ve şunu kullanın:

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

Windows'ta masaüstü şu konumda olmalıdır: C: \ Users \ jzhang \ Desktop

Aşağıdakiler, belgenin yanındaki bir alt klasöre giden bir görüntünün göreli yolu ile çalışır (şu anda yalnızca Windows Sisteminde test edilmiştir):

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

En iyi çözüm, md belgesinin bulunduğu klasöre göre bir yol sağlamaktır.

Muhtemelen bir yerel dosyanın mutlak yolunu çözmeye çalıştığında bir tarayıcının başı beladadır. Bu, dosyaya bir web sunucusu aracılığıyla erişilerek çözülebilir, ancak bu durumda bile görüntü yolunun doğru olması gerekir.

Belgenin aynı düzeyinde, tüm görüntüleri içeren bir klasöre sahip olmak en temiz ve en güvenli çözümdür. Yerel, yerel web sunucusu GitHub'a yüklenecektir.

images_folder/img.jpg  < works


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

Mutlak yolu kullanarak, resme yalnızca şuna benzer bir url ile erişilebilir: http: //hostname.doesntmatter/image_folder/img.jpg

ADIM ADIM :

1. Görüntüler gibi bir dizin oluşturun ve Markdown tarafından işlenecek tüm görüntüleri yerleştirin.

2. Örneğin, example.png yazın içine Görüntüler .

3. Altında bulunan example.png dosyasını yüklemek için önce Görüntüler dizininin.

![title](Images/example1.png)

Not : Görüntüler dizini, .mduzantısı olan markdown metin dosyanızla aynı dizinin altında bulunmalıdır .

Markdown dosyasına bir resim eklemek için .md dosyası ve resim aynı dizinde olmalıdır. Benim durumumda olduğu gibi .md dosyam doc klasöründeydi, bu yüzden görüntüyü de aynı klasöre taşıdım. Bundan sonra .md dosyasına aşağıdaki sözdizimini yazın

![alt text](filename)

sevmek ![Car Image](car.png)

Bu benim için çalıştı.

Yerel bir resim eklemek benim için şu şekilde çalıştı: ![alt text](file://IMG_20181123_115829.jpg)

file://Önek olmadan işe yaramadı (Win10, Notepad ++ MarkdownViewer ++ eklentisi ile)

Düzenleme: Bunun html etiketleriyle de çalıştığını öğrendim ve bu çok daha iyi: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Düzenleme2: Atom düzenleyicide yalnızcafile:// önek olmadan çalışır . Ne dağınıklık.

Bildiğim kadarıyla, Linux'ta VSCode için, yerel görüntü normalde yalnızca görüntüyü .mdposta dosyanızla aynı klasöre koyduğunuzda görüntülenebilir .
yani sadece ![](image.jpg)ya ![](./image.jpg)da çalışacak.
Mutlak yol bile ![](/home/bala/image.jpg)çalışmıyor.

Düzenlendi:

Benim için çalışıyor (yerel imaj için)

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

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

markdown dosyası README.md, doc dizini ile aynı düzeydedir.

Sizin durumunuzda, markdown dosyanız, dizin dosyalarıyla aynı seviyede olmalıdır.

Benim için çalışıyor (ham yolla mutlak url)

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

Benim için çalışmıyor (blob yolu olan url)

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

Yerel görüntünün gösterilmemesinin bir başka olasılığı , görüntü referansının kasıtsız girintisidir - önceki boşluklar ![alt text](file).

Bu, onu 'görüntü dahil etme' yerine 'kod bloğu' yapar. Baştaki boşlukları kaldırmanız yeterlidir.

R Markdown'a resim eklemeyle ilgili sorunlar yaşadım. URL'nin tamamını yaparsam: C:/Users/Me/Desktop/Project/images/image.pngçalışma eğilimindedir. Aksi takdirde, markdown'u ya görüntüyle aynı dizine ya da onun üst dizinine koymam gerekir. Görüntülere atıfta bulunulurken beyan edilen örgü dizininin göz ardı edildiği görülmektedir.

Aracınıza bağlı olarak - ayrıca markdown'a HTML enjekte edebilirsiniz.

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

Bu, klasör yapınızın şu şekilde olduğunu varsayar:

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

Görüntüyü markdown dosyasıyla aynı klasöre koyun veya görüntünün göreli yolunu kullanın.

sadece görüntüyü kopyalayıp yapıştırın, çıktıyı alacaksınız

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

In Jupyter Notebook Markdown kullanabileceğiniz

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

Web sunucusu kurmaya gerek yok

Yerel resmimi özün yorum bölümüne yüklemeyi denedim ve oluşturulan URL'yi kopyalayıp yapıştırdım. Benim için çalıştı 😊

Bir çözüm buldum:

a) Örnek İnternet:

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

b) Örnek yerel Resim:

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

TurboByte