기본 콘텐츠로 건너뛰기

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.

댓글

이 블로그의 인기 게시물

Windows에 AMP와 MediaWiki 설치하기

1. 들어가기     AMP는 Apache + MySQL +  Perl/PHP/Python에 대한 줄임말이다. LAMP (Linux + AMP)라고 하여 Linux에 설치하는 것으로 많이 소개하고 있지만 Windows에서도 간편하게 설치하여 사용할 수 있다.       이 글은 Windows 7에 Apache + MySQL + PHP를 설치하고 그 기반에서 MediaWiki를 설치하여 실행하는 과정을 간략히 정리한 것이다. 2. MySQL     * 버전 5.6.12     1) 다운로드         http://dev.mysql.com/downloads/installer/         MySQL Installer 5.6.12         Windows (x86, 32-bit), MSI Installer         (mysql-installer-web-community-5.6.12.0.msi)     2) 다운로드한 MSI 파일을 더블클릭하여 설치를 진행한다.           설치 위치:                   C:\Program Files\MySQL               선택 사항:                       Install MySQL Products             Choosing a Se...

MATLAB Rutime 설치하기

MATLAB Rutime 설치하기 미설치시 에러 MATLAB Runtime 을 설치하지 않은 환경에서 MATLAB 응용프로그램이나 공유 라이브러리를 사용하려고 하면 아래와 같은 에러 메시지가 표시될 것입니다. 처리되지 않은 예외: System.TypeInitializationException: 'MathWorks.MATLAB.NET.Utility.MWMCR'의 형식 이니셜라이저에서 예 외를 Throw했습니다. ---> System.TypeInitializationException: 'MathWorks.MATLAB.NET.Arrays.MWArray'의 형식 이니셜라이저에서 예외를 Throw했습니다. ---> System.DllNotFoundException: DLL 'mclmcrrt9_3.dll'을(를) 로드할 수 없습니다. 지정된 모듈을 찾을 수 없습니다. (예외가 발생한 HRESULT: 0x8007007E) 위치: MathWorks.MATLAB.NET.Arrays.MWArray.mclmcrInitialize2(Int32 primaryMode) 위치: MathWorks.MATLAB.NET.Arrays.MWArray..cctor() --- 내부 예외 스택 추적의 끝 --- 위치: MathWorks.MATLAB.NET.Utility.MWMCR..cctor() --- 내부 예외 스택 추적의 끝 --- 위치: MathWorks.MATLAB.NET.Utility.MWMCR.processExiting(Exception exception) 해결 방법 이 문제를 해결하기 위해서는 MATLAB Runtime 을 설치해야 합니다. 여러 가지 방법으로 MATLAB Runtime 을 설치할 수 있습니다. MATLAB 이 설치되어 있는 경우에는 MATLAB 설치 폴더 아래에 있는 MATLAB Runtime 설치 프로그램을 실행하여 설치합니다. ...

Wi-Fi 카드 2.4GHz로만 동작시키기

Wi-Fi 카드 2.4GHz로만 동작시키기 별도의 Wi-Fi AP 장치를 두지 않고 아래와 같은 기기들로만 Wi-Fi 네트워크를 구성하고자 할 때 주변 기기들이 2.4GHz만 지원하기 때문에 PC에서 실행하는 AP가 항상 2.4GHz를 사용하도록 Wi-Fi 카드를 설정해 주어야 합니다. 기기 Wi-Fi 카드 주파수 대역 Wi-Fi Direct 지원 PC (Windows 10) 2.4GHz, 5GHz O 주변 기기들 2.4GHz X Wi-Fi 카드별 주파수 대역 선택 방법 Windows 시작 메뉴에서 설정 을 클릭합니다. Windows 설정 화면에서 네트워크 및 인터넷 을 클릭합니다. 설정 화면의 왼쪽 메뉴바에서 Wi-Fi 를 클릭합니다. 화면 오른쪽 관련 설정 구역에 있는 어댑터 옵션 변경 을 클릭합니다. 설정을 바꾸고자 하는 Wi-Fi 카드 항목을 선택하고 마우스 오른쪽을 누른 다음 속성 메뉴를 클릭합니다. 대화상자의 네트워킹 탭 화면에 있는 구성 버튼을 클릭합니다. 장치 속성 대화상자의 고급 탭 화면으로 이동합니다. 제시되는 속성 항목들은 제품별로 다르며 자세한 사항은 아래의 제품별 설명을 참고하여 값을 설정하시기 바랍니다. Intel Dual Band Wireless-AC 7265 기술 사양 주파수 대역: 2.4GHz, 5GHz 무선 표준: 802.11ac 주파수 대역 선택 장치 속성 대화상자에서 아래와 같이 선택합니다. Wireless Mode 1. 802.11a => 5GHz 4. 802.11b/g => 2.4GHz (이 항목 선택) 6. 802.11a/b/g => 2.4GHz, 5GHz Intel Dual Band Wireless-AC 8265 기술 사양 주파수 대역: 2.4GHz, 5GHz 무선 표준: 802.11ac 주파수 대역 선택 장치 속성 대화상자에서 아래와 같이 ...