jupyter 노트북 디자인을 사용자 정의하십시오 (단순한 스타일링이 아님)

Question

jupyter 노트북 프론트 엔드 부품을 CSS화할 수 있습니까? 기본적으로 Jupyter 노트북처럼 셀 기능을 원하는 코드 블록이있는 사용자 정의 html 페이지를 제공하고 싶습니다. 페이지의 스타일을 사용자 정의 할 수는 있지만 레이아웃 (html)을 변경할 수있는 방법을 찾지 못했습니다.

Answer 1

custom.js 파일 (편집중인 custom.css 파일과 동일한 위치에 있음)을 사용하여 페이지로드시 임의의 Javascript를로드 할 수 있습니다. 이를 사용하여 DOM을 수정할 수 있습니다 (예 : JQuery 사용). 또는 더 복잡한 작업을하거나 자바 스크립트를 배포하려는 경우 확장자를 만드는 것이 가장 좋습니다 (http://jupyter-notebook.readthedocs.io/en/latest/extending/frontend_extensions.html)

내가 무엇을 하려는지 구체적으로 알았다면 예제를 제공 할 수 있지만 여기서는 도움이 될 것입니다. custom.js 파일을 쓰는 방법에 대한 기본 프레임 워크입니다.

define([ 
    'base/js/namespace', 
    'base/js/events' 
], function(Jupyter, events) { 
    events.on('app_initialized.NotebookApp', function(){ 
     //your custom code here 
    }); 
});