jupyterthemes主题化:打造符合自己口味的jupyter notebook

jupyter notebook是一种基于网页的交互式编程环境,主要用于作为科学计算/数据分析/机器学习等领域的开发环境。然而,除了默认的主题以外,jupyter notebook并没有太多其他的配色方案,这就让爱好美观界面的开发者略感不爽。所以,jupyterthemes便应运而生。本文将从以下多个方面,详细介绍jupyterthemes的使用方法、功能和相关技巧。

一、安装jupyterthemes

首先,我们需要做的是安装jupyterthemes。命令的安装十分简单,只需要在命令行或者终端内输入以下命令即可:

pip install jupyterthemes

注意,在安装之前,确保你的pip版本是最新的,以免发生不可预知的问题。

二、jupyterthemes设置输出字体大小

jupyterthemes提供了很多有用的功能,其中之一是设置输出字体的大小。代码示例如下:

$ jt -t oceans16 -fs 9

上述代码将主题设置为oceans16,并将输出文本字体设置为9pt。

三、更换主题

默认情况下,jupyter notebook的主题是light。但是,jupyterthemes提供的主题有远不止这一个。使用jupyterthemes更换主题,需要使用以下命令:

$ jt -t [theme name]

其中,[theme name]是你希望启用的主题名称,比如在命令行中输入以下命令,可以将主题更改为chesterish:

$ jt -t chesterish

同时,我们还可以为主题设置其他选项,比如代码字体大小和文本字体大小等等。代码示例如下:

$ jt -t solarizedl -T -T -N -f roboto -tf 15 -nf 20  

上述命令将Jupyter notebook主题更改为solarizedl,并将代码字体设置为roboto,文本字体设置为15pt,代码字体设置为20pt。

四、自定义主题

使用jupyterthemes提供的现有主题是比较简单的。但是,如果你想要更深度地定制主题,比如修改文本颜色、代码块背景色等等,你可以通过自定义CSS来实现这个目标。

首先,在命令行中输入以下命令,我们可以找到jupyter notebook使用的CSS文件位置:

jupyter --paths

在输出的结果中,会有一个类似于/Users/user/.jupyter/custom这样的文件夹路径。使用jupyterthemes自定义主题的一个高灵活性的方法是,将自己的CSS文件添加到这个custom文件夹下。以下是模板:


    $ mkdir -p $(jupyter—data-dir)/nbextensions
    $ cd $(jupyter—data-dir)/nbextensions
    $ git clone https://github.com/ryanlovett/jupyter-themes.git
    $ jupyter nbextension enable jupyterthemes/

使用CSS自定义主题的方法很简单,只需要在CSS文件中添加需要修改的元素和对应的样式即可。以下是一个简单的CSS代码示例,用于修改文本框和代码块的颜色和边框样式:


    .rendered_html pre {
        background-color: #292929 !important;
        color: white !important;
    }
    .jp-RenderedHTMLCommon pre code {
        border-radius: 15px !important;
        border: 1px solid #ddd !important;
    }

上述CSS代码将文本框的背景颜色更改为#292929,将字体颜色更改为白色。同样地,代码块的边框样式为1像素的灰色实线,并且具有15像素的圆角。

五、其他技巧

1、设置jupyter notebook的cell宽度

为了调整单元格宽度,我们可以使用如下Python代码片段修改notebook中输入部分的宽度:

from IPython.core.display import HTML
HTML("<style>.container { width:80% !important; }</style>")

2、备份jupyter notebook的设置

在更换和自定义主题之前,备份原始配置以防万一总是不错的选择。在Jupyter notebook的根目录中,使用以下命令进行备份:

cp [原始配置文件] [备份文件]

下面是备份的例子:

cp~/.jupyter/custom/custom.css ~/.jupyter/custom/custom.css.bak

以上是jupyterthemes的所有常见用法,如有其他的问题可以参考jupyterthemes的官方文档进行查看。jupyterthemes给我们提供了极大的便利,可以让我们以一种个性化的方式打造自己的jupyter notebook。相信本文对大家使用jupyter notebook时,一定会有所帮助。

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/256657.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-15 12:41
下一篇 2024-12-15 12:41

相关推荐

  • jupyter lab安装详解

    一、安装前的准备工作 1、需要根据系统版本选择对应的jupyter lab版本,官方提供了Linux、macOS和Windows等多平台版本。在下载之前,最好检查清楚所使用的系统版…

    编程 2025-04-25
  • 深入理解VSCode主题插件

    Visual Studio Code(以下简称VSCode)是一个广受欢迎的跨平台编辑器,拥有强大的扩展性,支持用户安装众多的插件来扩展功能。同时,VSCode主题插件也是广泛使用…

    编程 2025-04-25
  • Jupyter注释快捷键使用指南

    一、Jupyter注释快捷键 Jupyter Notebook是一个很受欢迎的交互式代码编写工具,支持Python等多种编程语言,也是科学计算和数据分析领域中广泛使用的工具之一。在…

    编程 2025-04-24
  • WordPress免费主题全面解析

    一、主题简介 WordPress是一个非常流行的平台,提供博客和网站建设工具。WordPress主题是定义站点的布局和外观的文件包。用户可以选择安装和激活一个免费的WordPres…

    编程 2025-04-23
  • IDEA护眼主题

    一、IDEA护眼主题插件 IDEA是一款非常流行的Java开发工具,其自带的主题并不适合长时间工作,尤其是在晚上或者光线较暗的情况下。幸运的是,有很多IDEA护眼主题插件可以解决这…

    编程 2025-04-23
  • WordPress主题安装指南

    一、选择主题 首先,我们需要在WordPress主题库中选择一个主题。根据自己的需求可以选择免费或者收费主题。WordPress的官方网站提供了大量精美主题,也可以在其他网站或者市…

    编程 2025-04-22
  • 如何在PyCharm中安装Jupyter来提高编程效率

    一、为什么要安装Jupyter 这里可以引入Jupyter的基本概念,它是一个交互式笔记本,它能够支持多种编程语言,包括Python、R、Julia等。在编写代码时,Jupyter…

    编程 2025-04-22
  • 免费WordPress中文主题的使用指南

    一、主题的选择 在WordPress中,主题是决定网站外观和功能的核心因素之一。在众多的免费和付费主题中,中文主题的选择是非常重要的,统一的中文界面方便了中文用户对网站的操作和管理…

    编程 2025-04-18
  • Jupyter 启动

    一、什么是 Jupyter? Jupyter 是一个基于网页的交互式计算环境,在 2014 年之前被称为 IPython Notebook。它支持超过 40 种编程语言,包括 Py…

    编程 2025-04-13
  • Jupyter Notebook运行快捷键详解

    一、基础快捷键 1、Shift + Enter:运行本单元并选中下一单元 2、Ctrl + Enter:运行本单元 3、Alt + Enter:运行本单元并插入下一单元 4、Y:将…

    编程 2025-04-02

发表回复

登录后才能评论