페이지

2019년 8월 7일 수요일

Jupyter 노트북 내용을 Blogger에 쓰기

Jupyter 노트북 내용을 Blogger에 쓰기

Jupyter 노트북 복사하기

  1. Jupyter 노트북을 엽니다.
  2. File > Dowload as > HTML (.html) 메뉴 항목을 실행하여 노트북을 HTML 파일로 저장합니다.
  3. 저장한 HTML 파일을 텍스트 편집기로 엽니다.
  4. <html> 태그의 내용 전체를 복사합니다. 이 때 <html></html> 태그는 복사하지 않습니다.

Blogger 글에 붙여넣기

  1. Blogger에서 글쓰기 버튼을 클릭하여 새 글을 생성합니다.
  2. 글쓰기 화면의 도구바에서 HTML 버튼을 클릭합니다.
  3. 앞에서 복사한 내용을 붙여넣습니다.

Blogger 화면에 맞추기

복사한 내용 중에서 <style> 구역의 아래 항목들을 수정하면 Blogger 화면에서 좀 더 보기 좋아집니다.
  1. Blogger 화면 폭에 맞추기
    Jupyter 노트북의 폭이 Blogger 테마의 폭보다 클 경우 아래와 같이 폭을 결정하는 스타일 항목들을 주석으로 처리하면 Blogger 테마의 폭에 맞추어 내용이 표시됩니다.
    /*
    @media (min-width: 768px) {
     .container {
       width: 768px;
     }
    }
    @media (min-width: 992px) {
     .container {
       width: 940px;
     }
    }
    @media (min-width: 1200px) {
     .container {
       width: 1140px;
     }
    }
    */
    
  2. 노트북 테두리 표시 상자 제거하기
    Blogger 글 화면 내에서 표시되는 노트북 테두리 상자를 제거하려면 아래와 같이 상자 그림자 표시 스타일 항목 두 가지를 주석으로 처리합니다.
    @media not print {
      #notebook-container {
        padding: 15px;
        background-color: #fff;
        min-height: 0;
        //-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
        //box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
      }
    }
    
  3. 셀 상자 수평 스크롤바 숨기기
    글을 담고 있는 상자의 수평 스크롤바가 표시될 수 있습니다. 이것이 불필요할 경우 아래와 같이 overflow-x 항목의 속성을 hidden으로 바꾸어 줍니다.
    .text_cell.rendered .rendered_html {
      overflow-x: hidden; //*auto;
      overflow-y: hidden;
    }
    
Written with StackEdit.

댓글 없음:

댓글 쓰기

가설 검정 제대로 이해하기

가설 검정 제대로 이해하기 ( 주의 : 공부하면서 작성하는 문서라서 오류가 있을 수 있습니다.) 1. 문제 정의 1.1. 사례 기존 가설: 20 대 한국인 남성의 100 미터 달리기 평균 속도는 17 초 ...