[VSC] Jupyter Notebook에서 작업한 ipynb 파일 티스토리에 올리기

2023. 4. 16. 22:58·etc

이런 식으로 주피터 노트북에서 작업한 내용을

티스토리 블로그에 깔끔하게 올릴 수 있는 방법이 있습니다.

함께 알아봅시다. 😀

 


📝 HTML 알아내기

 

✔ 일단 작업한 주피터 노트북의 HTML을 얻어야 합니다.

 

⦁ 주피터 노트북의 Print Preview 기능 사용

✔ 주피터 노트북에서 File -> Print Preview 기능을 사용하면 새로운 HTML 웹 페이지가 열립니다.

 

⦁  VSCode에서 html 내보내기 기능 사용

 

✔ VSCode에서 주피터 노트북을 사용하면 우측 상단에 그림과 같이 내보내기를 클릭합니다.

이후 HTML로 내보내기를 선택하면 HTML 파일이 생성됩니다.

 


📝 HTML 복사 & 붙여넣기

 

⦁ 페이지 소스보기

✔ HTML파일을 열거나 웹 페이지에 접속한 후, Ctrl+U를 누르면 페이지의 HTML을 확인할 수 있습니다.

 

✔ Ctrl+A 후 Ctrl+C를 통해 전체 복사를 해줍니다.

 

⦁ 티스토리 글쓰기에 붙여넣기

✔ 우측 상단의 모드를 HTML로 변경하고 원하는 부분에 붙여 넣으면 됩니다.

기본 모드로 변경하고 다시 확인하면서 작업하면 쉽게 원하는 부분에

HTML을 넣을 수 있습니다.😀

 


 


참고 문헌 : 

 

'etc' 카테고리의 다른 글

[os] 환경변수란? 설정 방법 정리 (비밀정보 숨기기, 파이썬 os.environ, EC2 환경 변수 설정)  (0) 2023.05.25
[API 테스트 툴] 포스트맨(Postman) 사용방법 정리  (1) 2023.05.09
[에러] ERROR: Could not install packages due to an OSError: [WinError 5] 액세스가 거부되었습니다 해결방법  (0) 2023.04.16
[ChatGPT] 챗GPT란? (개요, 사용방법, 사용 후기, 문제점 정리)  (0) 2023.03.09
[IDE] WebStorm이란? (설치 & 학생인증 방법)  (1) 2023.01.14
'etc' 카테고리의 다른 글
  • [os] 환경변수란? 설정 방법 정리 (비밀정보 숨기기, 파이썬 os.environ, EC2 환경 변수 설정)
  • [API 테스트 툴] 포스트맨(Postman) 사용방법 정리
  • [에러] ERROR: Could not install packages due to an OSError: [WinError 5] 액세스가 거부되었습니다 해결방법
  • [ChatGPT] 챗GPT란? (개요, 사용방법, 사용 후기, 문제점 정리)
현기
현기
  • 현기
    현기의 개발블로그
    현기
  • 전체
    오늘
    어제
    • 분류 전체보기 (120)
      • Front-End (39)
        • Next (5)
        • React (8)
        • React Native (11)
        • Flutter (0)
        • Vue (1)
        • JSP (9)
        • HTML, CSS, JS (5)
      • Back-End (16)
        • Node.js (3)
        • Spring (8)
        • Flask (1)
        • AWS (4)
      • DB (5)
        • Oracle (4)
        • MySQL (1)
      • Python (7)
      • Java (27)
        • 자바 이론 (17)
        • 코딩테스트 연습 & 실습 (10)
      • 자료구조 & 알고리즘 (7)
        • 코딩테스트 (6)
        • 알고리즘 (1)
      • 블록체인 (0)
      • 프롬프트 엔지니어링 (0)
      • CS 지식 (5)
      • IT뉴스 (0)
      • 일상 (3)
      • etc (11)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Spring
    쓰레드
    node.js
    IS-A
    React Native Chart
    react-native-chart-kit
    리액트 네이티브
    Java
    Express
    파이썬
    React Native
    자바스크립트
    오라클
    티스토리챌린지
    react
    JSP
    그리디
    오블완
    서블릿
    스택
    next-intl
    DI
    자바
    자바 스프링
    포스트맨
    큐
    Python
    JDBC
    REST API
    상속
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
현기
[VSC] Jupyter Notebook에서 작업한 ipynb 파일 티스토리에 올리기
상단으로

티스토리툴바