Cách hiển thị hình ảnh cục bộ trong markdown

Tôi thử cách sau trong markdown, nhưng có vẻ không hiệu quả, có ai biết cách hiển thị hình ảnh cục bộ trong markdown không? Tôi không muốn thiết lập một máy chủ web cho việc đó. Cảm ơn

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

Tôi nghi ngờ đường dẫn không đúng. Như đã đề cập bởi user7412219 ubuntu và windows xử lý đường dẫn khác nhau. Cố gắng đặt hình ảnh trong cùng một thư mục với Notebook của bạn và sử dụng:

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

Trên windows, màn hình phải ở: C: \ Users \ jzhang \ Desktop

Cách sau hoạt động với một đường dẫn tương đối đến hình ảnh vào một thư mục con bên cạnh tài liệu (hiện chỉ được thử nghiệm trên Hệ thống Windows):

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

Giải pháp tốt nhất là cung cấp một đường dẫn liên quan đến thư mục chứa tài liệu md.

Có thể một trình duyệt đang gặp sự cố khi cố gắng giải quyết đường dẫn tuyệt đối của tệp cục bộ. Điều đó có thể được giải quyết bằng cách truy cập tệp qua máy chủ web, nhưng ngay cả trong tình huống đó, đường dẫn hình ảnh vẫn phải đúng.

Có một thư mục ở cùng cấp của tài liệu, chứa tất cả các hình ảnh, là giải pháp sạch sẽ và an toàn nhất. Nó sẽ tải trên GitHub, máy chủ web cục bộ, cục bộ.

images_folder/img.jpg  < works


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

Sử dụng đường dẫn tuyệt đối, hình ảnh sẽ chỉ có thể truy cập được bằng một url như sau: http: //hostname.doesntmatter/image_folder/img.jpg

TỪNG BƯỚC MỘT :

1. Tạo một thư mục có tên như Hình ảnh và đặt tất cả các hình ảnh sẽ được hiển thị bởi Markdown.

2. Ví dụ: đặt example.png vào Hình ảnh .

3. Để tải example.png nằm trong thư mục Hình ảnh trước đây.

![title](Images/example1.png)

Lưu ý : Thư mục hình ảnh phải nằm trong cùng thư mục của tệp văn bản đánh dấu có.mdphần mở rộng.

Để thêm hình ảnh vào tệp đánh dấu, tệp .md và hình ảnh phải nằm trong cùng một thư mục. Như trong trường hợp của tôi, tệp .md của tôi nằm trong thư mục doc nên tôi cũng đã chuyển hình ảnh vào cùng một thư mục. Sau đó viết cú pháp sau vào tệp .md

![alt text](filename)

giống ![Car Image](car.png)

Điều này đã làm việc cho tôi.

Thêm một hình ảnh địa phương đã làm việc cho tôi bằng cách như vậy: ![alt text](file://IMG_20181123_115829.jpg)

Nếu không có file://tiền tố, nó không hoạt động (Win10, Notepad ++ với addon MarkdownViewer ++)

Chỉnh sửa: Tôi phát hiện ra nó cũng hoạt động với các thẻ html và đó là cách tốt hơn: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Edit2: Trong trình soạn thảo Atom, nó chỉ hoạt động mà không có file://tiền tố. Thật là một mớ hỗn độn.

Theo hiểu biết của tôi, đối với VSCode trên Linux, hình ảnh cục bộ thường chỉ có thể được hiển thị khi bạn đặt hình ảnh vào cùng thư mục với .mdtệp bài đăng của bạn .
tức là chỉ ![](image.jpg)hoặc ![](./image.jpg)sẽ hoạt động.
Ngay cả con đường tuyệt đối như ![](/home/bala/image.jpg)cũng không hoạt động.

Đã chỉnh sửa:

Làm việc cho tôi (cho hình ảnh địa phương)

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

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

tệp đánh dấu README.md ở cùng cấp với thư mục doc.

Trong trường hợp của bạn, tệp đánh dấu của bạn phải ở cùng cấp với tệp thư mục.

Làm việc cho tôi (url tuyệt đối với đường dẫn thô)

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

KHÔNG làm việc cho tôi (url với đường dẫn blob)

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

Một khả năng khác đối với hình ảnh cục bộ không được hiển thị là vô tình thụt lề của tham chiếu hình ảnh - khoảng trắng trước đó ![alt text](file).

Điều này làm cho nó trở thành 'khối mã' thay vì 'bao gồm hình ảnh'. Chỉ cần loại bỏ các khoảng trống ở đầu.

Tôi đã gặp sự cố với việc chèn hình ảnh trong R Markdown. Nếu tôi thực hiện toàn bộ URL: C:/Users/Me/Desktop/Project/images/image.pngnó có xu hướng hoạt động. Nếu không, tôi phải đặt dấu xuống trong cùng thư mục với hình ảnh hoặc trong thư mục gốc của nó. Có vẻ như thư mục đan đã khai báo bị bỏ qua khi tham chiếu đến hình ảnh.

Đặt hình ảnh vào cùng thư mục với tệp đánh dấu hoặc sử dụng một đường dẫn tương đối đến hình ảnh.

chỉ cần sao chép hình ảnh và sau đó dán nó, bạn sẽ nhận được đầu ra

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

Trong Jupyter Notebook Markdown , bạn có thể sử dụng

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

Tùy thuộc vào công cụ của bạn - bạn cũng có thể đưa HTML vào đánh dấu.

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

Điều này giả định cấu trúc thư mục của bạn là:

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

Không cần thiết lập máy chủ web

Tôi đã thử tải lên hình ảnh địa phương của mình trong phần nhận xét của ý chính và chỉ cần sao chép và dán URL đã tạo. Làm việc cho tôi 😊

Tôi có một giải pháp:

a) Ví dụ về Internet:

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

b) Hình ảnh cục bộ ví dụ:

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

TurboByte