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

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

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



답변

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

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

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


답변

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

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


답변

가장 좋은 해결책은 md 문서가있는 폴더에 상대적인 경로를 제공하는 것입니다.

브라우저가 로컬 파일의 절대 경로를 확인하려고 할 때 문제가있을 수 있습니다. 웹 서버를 통해 파일에 액세스하면 해결할 수 있지만, 그런 상황에서도 이미지 경로가 정확해야합니다.

모든 이미지를 포함하는 문서의 동일한 수준에 폴더를 갖는 것이 가장 깨끗하고 안전한 솔루션입니다. GitHub, 로컬, 로컬 웹 서버에로드됩니다.

images_folder/img.jpg  < works


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

절대 경로를 사용하면 다음과 같은 URL로만 이미지에 액세스 할 수 있습니다. http : //hostname.doesntmatter/image_folder/img.jpg


답변

단계별 :

  1. 이미지 와 같은 이름의 디렉토리 를 만들고 Markdown에 의해 렌더링 될 모든 이미지 를 넣으십시오.

  2. 예를 들어, example.pngImages에 넣으십시오 .

  3. 이전에 이미지 디렉토리 에 있던 example.png 를로드하려면 .

![title](Images/example1.png)

참고 : 이미지 디렉토리는.md확장자가있는 마크 다운 텍스트 파일과 동일한 디렉토리에 있어야합니다.


답변

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

![alt text](filename)

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

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


답변

로컬 이미지를 추가하면 다음과 같이 작동했습니다. ![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://합니다. 엉망이야.


답변

내가 아는 한 Linux의 VSCode의 경우 로컬 이미지는 일반적으로 이미지를 .md게시물 파일 과 동일한 폴더에 넣을 때만 표시 될 수 있습니다 .
즉, ![](image.jpg)또는 ![](./image.jpg)작동합니다.
같은 절대 경로 ![](/home/bala/image.jpg)도 작동하지 않습니다.