Programing

IPython 노트북 마크 다운에 이미지 삽입

crosscheck 2020. 5. 20. 21:32
반응형

IPython 노트북 마크 다운에 이미지 삽입


알고리즘을 개발하고 문서화하기 위해 IPython 노트북 앱에 크게 의존하기 시작했습니다. 대단합니다. 그러나 가능 해야하는 것처럼 보이지만 어떻게 해야하는지 알 수 없습니다.

알고리즘 문서화를 돕기 위해 로컬 이미지를 (로컬) IPython 노트북 마크 다운에 삽입하고 싶습니다. <img src="image.png">마크 다운에 비슷한 것을 추가 할만큼 충분히 알고 있지만, 제 지식은 그 정도입니다. 액세스 할 수 있도록 127.0.0.1:8888 (또는 일부 하위 디렉토리)로 표시되는 디렉토리에 이미지를 넣을 수 있다고 가정하지만 해당 디렉토리의 위치를 ​​알 수는 없습니다. (나는 맥에서 일하고 있습니다.) 그래서 너무 많은 어려움없이 내가하려는 일을 할 수 있습니까?


노트북 디렉토리 내부의 파일은 "files /"url로 제공됩니다. 따라서 기본 경로에 있으면 <img src="files/image.png">이고 하위 디렉토리 등도 사용할 수 있습니다 <img src="files/subdir/image.png">.

업데이트 : IPython 2.0부터는 files/접두사가 더 이상 필요하지 않습니다 ( 릴리스 정보 참조 ). 이제 솔루션이 <img src="image.png">예상대로 작동합니다.


지금까지 제공된 대부분의 답변은 잘못된 방향으로 진행되어 추가 라이브러리를로드하고 마크 업 대신 코드를 사용하도록 제안합니다. Ipython / Jupyter Notebooks는 매우 간단합니다. 셀이 실제로 마크 업 상태인지 확인하고 이미지 사용을 표시하려면 다음을 수행하십시오.

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

제안 된 다른 방법과 비교하여 더 많은 이점은 jpg, png 및 gif (애니메이션)를 포함한 모든 일반적인 파일 형식을 표시 할 수 있다는 것입니다.


나는 ipython 2.0을 사용하고 있으므로 두 줄만 있습니다.

from IPython.display import Image
Image(filename='output1.png')

[폐기]

IPython / Jupyter는 이제 복사 및 붙여 넣기 또는 끌어서 놓기를 통해 이미지를 삽입 할 수있는 확장 모듈을 지원합니다.

https://github.com/ipython-contrib/IPython-notebook-extensions

드래그 앤 드롭 확장 프로그램은 대부분의 브라우저에서 작동하는 것 같습니다

https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop

그러나 복사하여 붙여 넣기는 Chrome에서만 작동합니다.


IPython 노트북을 이미지와 같은 폴더에 넣었습니다. 나는 Windows를 사용합니다. 이미지 이름은 "phuong huong xac dinh.PNG"입니다.

마크 다운에서 :

<img src="phuong huong xac dinh.PNG">

암호:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')

먼저 ipython 노트북 셀에서 마크 다운 편집 모델인지 확인하십시오.

이것은 다른 사람들이 제안한 방법의 대안입니다 <img src="myimage.png">.

![title](img/picture.png)

제목이 없으면 작동하는 것 같습니다.

![](img/picture.png)

경로에 인용 부호가 없어야합니다. 공백이있는 경로에서 작동하는지 확실하지 않습니다!


Jupyter 노트북의 마지막 버전은 기본적으로 이미지 복사 / 붙여 넣기를 허용합니다


로컬 파일 시스템에서 이미지 파일을 볼 수 있도록 Jupyter 시스템에 이미지 파일을 배치 할 위치를 찾는 사람들에게 적합합니다.

나는 나의 넣어 mypic.png로를

/root/Images/mypic.png

(즉, Jupyter 온라인 파일 브라우저에 표시되는 이미지 폴더)

이 경우 마크 다운 셀에 다음 줄을 넣어 메모장에 그림을 표시해야합니다.

![My Title](Images/mypic.png)

마크 다운 셀에 이미지를 표시하려면 다음을 사용하십시오.

<img src="files/image.png" width="800" height="400">

코드 셀에 이미지를 표시하려면 다음을 사용하십시오.

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)

밍크의 대답이 맞습니다.

그러나 Print View (Chrome 브라우저에서 IPython 버전 0.13.2의 Anaconda 배포를 실행하는 Windows 컴퓨터)에서 이미지가 깨진 것으로 나타났습니다.

이에 대한 해결 방법은 <img src="../files/image.png">대신 사용하는 것입니다.

이로 인해 이미지가 인쇄보기 및 일반 iPython 편집보기 모두에서 올바르게 나타납니다.

업데이트 : iPython v1.1.0으로 업그레이드 할 때 인쇄보기가 더 이상 존재하지 않으므로이 해결 방법이 더 이상 필요하지 않습니다. 실제로이 해결 방법은 nbconvert 도구가 파일을 찾지 못하므로 피해야합니다.


Jupyter NB로 이미지를 가져 오는 것은 대부분의 사람들이 여기에서 언급 한 것보다 훨씬 간단합니다.

1) 빈 마크 다운 셀을 만들면됩니다. 2) 그런 다음 이미지 파일을 빈 마크 다운 셀로 끌어다 놓습니다.

이미지를 삽입 할 마크 다운 코드가 나타납니다.

예를 들어 아래 회색으로 강조 표시된 문자열이 Jupyter 셀에 나타납니다.

![Venus_flytrap_taxonomy.jpg](attachment:Venus_flytrap_taxonomy.jpg)

3) 그런 다음 Shift-Enter를 눌러 마크 다운 셀을 실행하십시오. 그러면 Jupyter 서버가 이미지를 삽입 한 다음 이미지가 나타납니다.

I am running Jupyter notebook server is: 5.7.4 with Python 3.7.0 on Windows 7.

This is so simple !!


Change the default block from "Code" to "Markdown" before running this code:

![](image_filename.png)

참고URL : https://stackoverflow.com/questions/10628262/inserting-image-into-ipython-notebook-markdown

반응형