[Tistory] tistory에 주피터 파일 그대로 올리는 방법

티스토리에 주피터 파일을 그대로 올리고 싶을 때 

코드블럭을 삽입하는 방법밖에 없는데요.. 

코드블럭을 삽입하는 경우에는 결과 값을 따로 캡쳐해서 보여줘야하기 때문에 번거로움이 많습니다..!

 

결과값까지 한번에 업로드하고 싶다! 할때 이 방법을 사용하시면 됩니다

 

그럼 포스팅을 시작해보겠습니다.!

 

1. github 페이지에 .ipynb(주피터파일)을 업로드한다

저장소에서 Upload files를 눌러 파일 하나를 업로드 해보겠습니다

생성되었다면 클릭해줍니다

페이지의 주소창을 복사해주세요!

 

2. nbviewer 사이트에 접속해서 복사한 주소창을 붙여넣기!

https://nbviewer.org/

nbviewer

복사한 주소창을 nbviewer 사이트에 붙여넣어고 Go!버튼을 눌러주세요!

Go!버튼을 눌러주면 

다음과 같이 주피터 파일의 화면이 보이는 링크가 생성된 것을 확인하실 수 있습니다.

-> 이 페이지의 주소창도 복사해주세요!

 

3. Tistory에 html 코드블럭 생성

Tistory블로그로 돌아와서 새글을 작성합니다

HTML블럭을 눌러주시고 

<iframe src="최종 복사한 주소" width="100%" height="1000" scrolling="yes" frameboarder="0">
</iframe>

이 코드를 복사붙여넣기 해주세요~_~

 

"최종 복사한 주소" 안에는 nbviewer에서 주소를 붙어넣고 Go! 버튼을 눌렀을때 생성된 페이지를 복사한 주소를 붙여넣으시면 됩니다.

확인버튼을 눌러주고 글을 게시하면!

 

4. 완성

이런식으로 결과값까지 올라간답니다! 

 

이렇게 올라가면 성공입니다!!

https://xod22.tistory.com/32

[Tistory] HTML 블럭 연습

---

블로그로 포트폴리오를 준비하시고 있는 분들이라면 더 유용하게 쓰실 수 있을 것 같습니다!

 

그럼 오늘의 포스팅 끗~~!~!