program tip

마크 다운에 로컬 이미지를 표시하는 방법

radiobox 2020. 12. 1. 07:53
반응형

마크 다운에 로컬 이미지를 표시하는 방법


나는 마크 다운에서 다음을 시도하지만 작동하지 않는 것 같습니다. 누구든지 마크 다운에서 로컬 이미지를 표시하는 방법을 알고 있습니까? 나는 그것을 위해 웹 서버를 설정하고 싶지 않습니다. 감사

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

경로가 올바르지 않은 것 같습니다. user7412219가 언급했듯이 우분투와 창은 경로를 다르게 처리합니다. 노트북과 동일한 폴더에 이미지를 넣고 다음을 사용하십시오.

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

Windows에서 바탕 화면은 C : \ Users \ jzhang \ Desktop에 있어야합니다.


다음은 문서 옆의 하위 폴더에 대한 이미지의 상대 경로와 함께 작동합니다 (현재 Windows 시스템에서만 테스트 됨).

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

상대 경로를 제공하여 로컬 폴더에서 이미지를 성공적으로로드했습니다.

/images_folder/img.jpg  <--- this didn't work

images_folder/img.jpg   <--- this does work

마크 다운 파일에 이미지를 추가하려면 .md 파일과 이미지가 동일한 디렉토리에 있어야합니다. 제 경우와 마찬가지로 .md 파일이 doc 폴더에 있었으므로 이미지도 동일한 폴더로 옮겼습니다. 그 후 .md 파일에 다음 구문을 작성하십시오.

![alt text](filename)

처럼 ![Car Image](car.png)

이것은 나를 위해 일했습니다.


표시되지 않는 로컬 이미지에 대한 또 다른 가능성은 이전에 이미지 참조 공간을 의도하지 않게 들여 쓰기하는 것 입니다 ![alt text](file).

이것은 '이미지 포함'대신 '코드 블록'을 만듭니다. 선행 공백을 제거하십시오.


로컬 이미지를 추가하면 다음과 같이 작동했습니다. ![alt text](file://IMG_20181123_115829.jpg)

포함하지 않는 file://접두사가 (MarkdownViewer ++ 부가 기능과 Win10, 메모장 ++) 작동하지 않았다

편집 : html 태그에서도 작동한다는 것을 알았습니다. <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Edit2 : Atom 편집기에서는 접두사 없이 작동 file://합니다. 엉망이야.


*이를 수행하는 방법은 매우 다양합니다.

* 내 방법은 다음과 같습니다.

  • "Images" 와 같은 이름의 디렉토리를 만듭니다 . 마크 다운 텍스트에 사용될 모든 이미지를 넣습니다.

  • 예를 들어, " example.png "를 " 이미지 "에 넣습니다.

  • 이전 "Images" 에 있던 " example.png " 를로드 합니다.

![title](Images/example1.png)

당신에게도 효과가 있기를 바랍니다.

  • 현재 OS : Linux Mint

마크 다운 파일과 동일한 폴더에 이미지를 넣거나 이미지에 대한 상대 경로를 사용하십시오.


R Markdown에 이미지를 삽입하는 데 문제가 있습니다. 전체 URL을 수행하면 C:/Users/Me/Desktop/Project/images/image.png작동하는 경향이 있습니다. 그렇지 않으면 마크 다운을 이미지와 같은 디렉토리 나 조상 디렉토리에 넣어야합니다. 이미지를 참조 할 때 선언 된 뜨개질 디렉토리가 무시되는 것으로 보입니다.


해결책이 있습니다.

a) 인터넷 예 :

![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

참고 URL : https://stackoverflow.com/questions/41604263/how-to-display-local-image-in-markdown

반응형