Python

jupyter notebook Style 바꾸기 - custom.css 파일 위치

브라이언7 2016. 9. 7. 22:13

C:\Users\{사용자 계정}\.jupyter 폴더가 있는데, 여기서 custom 폴더를 만들고, custom.css 파일을 만들면 된다.


.rendered_html pre, .rendered_html code, pre, .CodeMirror, .prompt {
  font-family: 나눔고딕코딩, Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;;
}

.rendered_html pre,
.rendered_html code {
    font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
	background-color: #f5f5f5;
}
.rendered_html pre {
	padding: 8.5px;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.rendered_html p > code,
.rendered_html ul li code {
    border: solid 1px #e1e4e5;
    color: #E74C3C;
    padding: 0 5px;
    overflow-x: auto;
}
blockquote {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
	border-left: 5px solid #dfb5b4;
	padding: 0.5em;
}

적용한 예는 아래와 같다. custom.css 파일을 수정해 가면서 웹브라우저를 새로고침 해도 바로 적용된다. 



개발자 도구(F12)를 열어서 style을 적용할 selecter를 찾아서 css를 수정했음.

[출처]

How do I set custom CSS for my IPython/IHaskell/Jupyter Notebook?


http://stackoverflow.com/questions/32156248/how-do-i-set-custom-css-for-my-ipython-ihaskell-jupyter-notebook


Starting IPython 4.1 custom folder location has changed to ~/.jupyter/custom/. So place your custom.css and custom.js like this:

~/.jupyter/custom/custom.css
~/.jupyter/custom/custom.js

Theming IPython Jupyter Notebooks



저작자표시