如何调整Jupyter Notebook样式?
1. 安装网页插件Stylus
该方法与许大森的回答相同,即安装Chrome插件Stylish(此插件已经下架,请使用同作者的替代插件Stylus),然后新建自己的Jupyter样式~优点:应用和取消样式比较方便,同步和更新可以借助Stylish。
缺点:从Jupyter导出html时,会恢复到原来的丑样式。
2. 在本地新建自定义样式文件custom.css
在本地jupyter的cumtom.css文件中粘贴文件内容。
文件路径:
# Windows
C:\Users\user\.jupyter\custom\custom.css
# Mac
~/.jupyter/custom/custom.css优点:从Jupyter导出html时,新样式会保留(自定义代码高亮无法保留,暂时还没有找到解决方案)
缺点:每次调整样式都需要到特定路径,多端同步麻烦
3. 不推荐
试过赞同最多的回答,即安装插件jupyter-themes,但会造成目录页面比较丑陋,代码字体变小等问题,不推荐使用。
最终效果修改前 - Win修改后 - Win修改前 - Mac修改后 - Mac
我的自定义样式
这部分只提供了基本样式修改代码,代码高亮部分请继续往下看~
1. Win
/* Body */
/* #notebook-container {width: 90%} */
/* Markdown */
div#notebook {
font-family: san francisco, "PingFangSC-Medium", "Microsoft YaHei";
line-height: 20px;
-webkit-font-smoothing: antialiased !important;
}
/* Markdown - h2 */
div#notebook h2 {
color: #007aff;
}
/* Markdown - quote */
div#notebook blockquote{
background-color: #f8f8f8;
color: #505050;
padding: 8.5px;
margin: 0.5em -0.5em 0