我的Jupyter notebook代码格式设置

最新推荐文章于 2024-06-05 11:30:07 发布
最新推荐文章于 2024-06-05 11:30:07 发布
阅读量3.1k 收藏 2
点赞数 1
分类专栏： Python配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HsinglukLiu/article/details/109396633
版权

文章目录

我的Jupyter notebook代码格式设置

格式文件custom.css的位置

格式文件在C:\Users\asus\.jupyter\custom中的custom.css中。
在这里插入图片描述
在这里插入图片描述

安装字体

具体设置如下。

可以通过修改custom.css中的内容调整jupyter notebook中的字体。

另外需要把一些字体安装好，比如CMU Typewriter Text Bold这种字体。

安装字体的方法就是把字体文件拖入到
C:\Windows\Fonts中去。

在这里插入图片描述

custom.css文件内容

/* Body */
#notebook-container {
    width: 90%;
	/*background-color: #FFFAF0;*/
} 

/*
可以使用monokai主题，但是把toolbar有关的内容全部注释掉，这样就修复了toolbar的重叠不美观问题
*

/*
jt -t oceans16 -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t chesterish -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t grade3 -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t gruvboxd -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t gruvboxl -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
10   jt -t monokai -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
10   jt -t monokai -f Consolas -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t oceans16 -f Consolas -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t chesterish -f Consolas -nf Consolas -tf Consolas -N -T -cellw 90% -dfs 9 -ofs 9

jt -t onedork -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9

jt -t solarizedd -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9

jt -t solarizedl -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9

jt -t monokai -f consolamono -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t grade3 -f fira -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9
jt -t grade3 -f oxygen -nf robotosans -tf robotosans -N -T -cellw 90% -dfs 9 -ofs 9




   chesterish
   grade3
   gruvboxd
   gruvboxl
   monokai
   oceans16
   onedork
   solarizedd
   solarizedl
*/

/*修改jupyter notebook的markdown部分的字体*/
/* Markdown */
div#notebook {
    /*font-family: CMU Serif; */ /*san francisco Arial*/
	font-family: Arial, "PingFangSC-Medium", "Microsoft YaHei";  /*san francisco Arial*/
    line-height: 20px;
    -webkit-font-smoothing: antialiased !important;
    font-size: 1.5em !important;
    /*color: #FFFAF0; */ /*#C72591   #111111*/
	/*background-color: #FFFAF0;  */ /*transparent, #f8f8f8 */   /*这个背景颜色是整个网页页面的背景颜色*/
}

/* Markdown - h2 */
div#notebook h2 {
    color: #007aff;
}




/* Markdown - quote */
div#notebook blockquote{
    background-color: #FFFAF0;   /*transparent, #f8f8f8 */
    color: #505050;
    padding: 8.5px;
    margin: 0.5em -0.5em 0.5em -0.4em;
}

/* Markdown - code in paragraph */  /*修改markdown里面的代码的背景和字体颜色*/
/*CMU Typewriter Text Bold    Consolas  Arial */
div#notebook p code, div#notebook li code {
    font-family: CMU Typewriter Text Bold, "PingFangSC-Medium", "Microsoft YaHei";   /*CMU Typewriter Text  Consolas*/
    font-size: 1em !important;
    color: #C72591;  /*#C72591   #111111*/
    border: 0px solid #cfcfcf;
    border-radius: 2px;
    background-color: #F9F2F4;  /*#F9F2F4   #f7f7f7*/
    padding: .1em .2em;
    margin: 0px 2px;
}

/* Markdown - code */
div.text_cell_render pre {
    border: 1px solid #cfcfcf;
    border-radius: 0px;
    background: #f7f7f7;
    line-height: 1.21429em;
    padding: 8.5px;
    margin: 0em -0em 0em -0em;   /*0.5em -0.5em 0.5em -0.4em;*/
}
div.text_cell_render code {
    background: #f7f7f7;
}

/* Code */
div.CodeMirror pre {
    font-family: CMU Typewriter Text Bold, "PingFangSC-Medium", "Microsoft YaHei";
    font-size: 14pt;
    line-height: 140%;
    -webkit-font-smoothing: antialiased !important;
	font-style: normal;
	font-weight: bold;
}

div.cm-s-ipython.CodeMirror {
 font-family: CMU Typewriter Text Bold, "PingFangSC-Medium", "Microsoft YaHei" /*!important*/;
 font-size: 14pt;
 background: #292929;     /*修改代码cell的背景颜色 f8f8f0   838383*/  
 color: #B4EB8B;         /*282828    */ 
 border-radius: 2px;
 font-style: normal;
 font-weight: bold;
}


/* Code - output */
div.output pre {
    font-family: CMU Typewriter Text Bold, "PingFangSC-Medium", "Microsoft YaHei";
    line-height: 20px;
    -webkit-font-smoothing: antialiased !important;
	font-size: 1em !important;
}

/* Code - comment */
span.cm-comment {
 font-family: CMU Typewriter Text Bold!important;  /* 注意不要跟下面的span.cm-comment重复了 CMU Typewriter Text Bold,   Consolas    monospace, monospace;  , "PingFangSC-Medium", "Microsoft YaHei"*/
 color: #808080;      /* 5FB41F   75715e  DDD26D 808080*/
 font-style: normal;  /* font-style: italic;*/
 font-weight: normal;   /* font-style: bold;*/
}





/* Code - highlighting (grade3)*/
/*
.cm-s-ipython .CodeMirror-cursor {
    border-left: 1px solid #ff711a !important;
}
.cm-s-ipython span.cm-comment {
    color: #8d8d8d;
    font-style: italic;
}
.cm-s-ipython span.cm-atom {
    color: #055be0;
}
.cm-s-ipython span.cm-number {
    color: #ff8132;
}
.cm-s-ipython span.cm-property {
    color: #303030;
}
.cm-s-ipython span.cm-attribute {
    color: #303030;
}
.cm-s-ipython span.cm-keyword {
    color: #713bc5;
    font-weight: bold;
}
.cm-s-ipython span.cm-string {
    color: #009e07;
}
.cm-s-ipython span.cm-meta {
    color: #aa22ff;
}
.cm-s-ipython span.cm-operator {
    color: #055be0;
}
.cm-s-ipython span.cm-builtin {
    color: #e22978;
}
.cm-s-ipython span.cm-variable {
    color: #303030;
}
.cm-s-ipython span.cm-variable-2 {
    color: #de143d;
}
.cm-s-ipython span.cm-variable-3 {
    color: #aa22ff;
}
.cm-s-ipython span.cm-def {
    color: #e22978;
    font-weight: bold;
}
.cm-s-ipython span.cm-error {
    background: rgba(191, 97, 106, .40);
}
.cm-s-ipython span.cm-tag {
    color: #e22978;
}
.cm-s-ipython span.cm-link {
    color: #ff8132;
}
.cm-s-ipython span.cm-storage {
    color: #055be0;
}
.cm-s-ipython span.cm-entity {
    color: #e22978;
}
.cm-s-ipython span.cm-quote {
    color: #009e07;
}
div.CodeMirror span.CodeMirror-matchingbracket {
    color: #1c1c1c;
    background-color: rgba(30, 112, 199, .30);
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #1c1c1c;
    background: rgba(191, 97, 106, .40) !important;
}
.cm-s-default .cm-hr {
    color: #055be0;
}
*/
.cm-s-ipython div.CodeMirror-selected {
 background: #ffffff;     /*选中的部分0095ff  a6e22e  0080FF EFF2D6  f8f8f0*/
}
.jupyter-dashboard-menu-item.selected::before {
 font-family: 'FontAwesome' !important;
 content: '\f00c' !important;
 position: absolute !important;
 color: #a6e22e !important;
 left: 0px !important;
 top: 13px !important;
 font-size: 12px !important;
}
#notebook-container > div.cell.code_cell.rendered.selected > div.widget-area > div.widget-subarea > div > div.widget_item.btn-group > button.btn.btn-default.dropdown-toggle.widget-combo-carrot-btn {
 background: #2f2f2f;
 background-color: #2f2f2f;
 border-color: #2f2f2f;
}
#notebook-container > div.cell.code_cell.rendered.selected > div.widget-area > div.widget-subarea > div > div.widget_item.btn-group > button.btn.btn-default.dropdown-toggle.widget-combo-carrot-btn:hover {
 background: #2a2a2a;
 background-color: #2a2a2a;
 border-color: #2a2a2a;
}



.cm-s-ipython .CodeMirror-cursor {
 border-left: 2px solid #FFFFFF !important;    /*光标宽度 5px  a6e22e  0080FF 0095ff FFFFFF*/
  color: #FFFFFF !important;     /*光标颜色  a6e22e  0080FF  */
}
.cm-s-ipython span.cm-comment {
 font-family: Consolas;  /*CMU Typewriter Text Bold, monospace, monospace;  , "PingFangSC-Medium", "Microsoft YaHei"*/
 color: #808080;      /* 5FB41F   75715e  DDD26D 808080*/
 font-style: normal;  /* font-style: italic;*/
 font-weight: normal;   /* font-style: bold;*/
}
.cm-s-ipython span.cm-atom {
 color: #ae81ff;
}
.cm-s-ipython span.cm-number {
 color: #ae81ff;
}
.cm-s-ipython span.cm-property {
 color: #E9A374;      /*修改函数 f8f8f0  B4EB8B 5FB41F  6246F0 E9A374*/
}
.cm-s-ipython span.cm-attribute {
 color: #E9A374;    /*f8f8f0  B4EB8B 5FB41F  6246F0 */
}
.cm-s-ipython span.cm-keyword {
 color: #f92672;
 font-weight: normal;
}
.cm-s-ipython span.cm-string {
 color: #e6db74;
}
.cm-s-ipython span.cm-meta {
 color: #fd971f;
}
.cm-s-ipython span.cm-operator {
 color: #a6e22e;
}
.cm-s-ipython span.cm-builtin {
 color: #E85C48;    /*builtin的print等函数的颜色  E85C48   a6e22e*/
}
.cm-s-ipython span.cm-variable {
 color: #5FB41F;   /*DDD26D f8f8f0  5FB41F  49483e  5FB41F */      /*修改cell的正常代码字体*/
}
.cm-s-ipython span.cm-variable-2 {
 color: #a6e22e;    
}
.cm-s-ipython span.cm-variable-3 {
 color: #fd971f;
}
.cm-s-ipython span.cm-def {
 color: #a6e22e;
 font-weight: normal;
}
.cm-s-ipython span.cm-error {
 background: rgba(249,38,114,.4);
}
.cm-s-ipython span.cm-tag {
 color: #ae81ff;
}
.cm-s-ipython span.cm-link {
 color: #a6e22e;
}
.cm-s-ipython span.cm-storage {
 color: #ae81ff;
}
.cm-s-ipython span.cm-entity {
 color: #a6e22e;
}
.cm-s-ipython span.cm-quote {
 color: #e6db74;
}
div.CodeMirror span.CodeMirror-matchingbracket {
 color: #ffffff;
 font-weight: bold;
 background-color: #49483e;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
 color: #ffffff;
 font-weight: bold;
 background: rgba(249,38,114,.4) !important;
}
.cm-header-1 {
 font-size: 215%;
}
.cm-header-2 {
 font-size: 180%;
}
.cm-header-3 {
 font-size: 150%;
}
.cm-header-4 {
 font-size: 120%;
}
.cm-header-5 {
 font-size: 100%;
}
.cm-s-default .cm-hr {
 color: #a6e22e;
}
div.cell.text_cell .cm-s-default .cm-header {
 font-family: CMU Typewriter Text Bold, sans-serif;
 font-weight: normal;
 color: #a6e22e !important;
 margin-top: 0.3em !important;
 margin-bottom: 0.3em !important;
}
div.cell.text_cell .cm-s-default span.cm-variable-2 {
 color: #292929 !important;  /* f8f8f0 */
}
div.cell.text_cell .cm-s-default span.cm-variable-3 {
 color: #fd971f !important;  
}
.cm-s-default span.cm-comment {
 color: #75715e !important;
}
.cm-s-default .cm-tag {
 color: #529b2f;
}
.cm-s-default .cm-builtin {
 color: #a6e22e;
}
.cm-s-default .cm-string {
 color: #e6db74;
}
.cm-s-default .cm-keyword {
 color: #f92672;
}
.cm-s-default .cm-number {
 color: #ae81ff;
}
.cm-s-default .cm-error {
 color: #ae81ff;
}
.cm-s-default .cm-link {
 color: #a6e22e;
}
.cm-s-default .cm-atom {
 color: #ae81ff;
}
.cm-s-default .cm-def {
 color: #a6e22e;
}
.CodeMirror-cursor {
 border-left:1px solid #0095ff !important;
 border-right: none;
 width: 1;
 color: #0080FF !important;     /*光标颜色  a6e22e  0080FF  */
}
刘兴禄
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python-JupyterNotebook代码美化格式化扩展
08-11
Jupyter Notebook 代码美化(格式化)扩展
jupyter-formats::input_symbols:Jupyter格式，Jupyter的便携式渲染
04-02
:input_symbols: Jupyter格式 Jupyter格式，Jupyter的便携式渲染。
Jupyter Notebook 实现代码提示自动补全和代码格式化
没有胡子的猫Asimov
07-10 2989
Jupyter Notebook 实现代码提示自动补全和代码格式化 安装插件nbextensions 1.安装jupyter_contrib_nbextensions pip install --user jupyter_contrib_nbextensions -i https://pypi.mirrors.ustc.edu.cn/simple jupyter contrib nbextension install --user 2.安装nbextensions_configurator pip inst
JupyterNoteBook | 修改JupyterNoteBook的内置代码字体
最新发布
猫天意的博客
06-05 517
搞定jupyternote的字体修改
Jupyter 进行文字、图片格式编辑
sun666shine的博客
08-06 4092
个人第一篇博客，业余爱好者，专注数据分析和量化。 本文总结了Jupyter Notebook中文字和图片的排版，欢迎大家多多与我交流~
关于jupyter notebook读写中文编码的问题
weixin_30684743的博客
09-22 866
text = u" 在向你挥舞的各色花帕中,是谁的手突然收回,紧紧捂住了自己的眼睛,\n当人们四散离去，谁,还站在船尾,衣裙漫飞，如翻涌不息的云,江涛" my_file = open('my file.txt','wb') my_file.write(text.encode('utf-8'))## my_file.close() append_text=u'高一声低一声\n美丽的梦留下...
Jupyter Notebook编辑代码块的自动补全
12-21
本文将详细解释如何通过命令行和pip工具安装Jupyter Notebook的扩展库以实现代码块的自动补全。 首先，安装Jupyter Notebook的扩展库通常涉及四个步骤。这四个命令分别是： 1. `pip install jupyter_contrib_...
code:编译代码Jupyter Notebook
03-12
描述中的"代码 编译代码Jupyter Notebook"进一步强调了我们要关注的是在Jupyter Notebook中处理代码的相关操作，包括创建、编辑和执行代码。 **Jupyter Notebook关键知识点** 1. **安装与启动**: Jupyter Notebook...
Jupyter Notebook远程登录及密码设置操作
09-17
Jupyter Notebook是一款强大的交互式计算环境，它支持多种编程语言，并通过笔记本的形式提供代码、文本、图表等多媒体元素的组合。远程登录Jupyter Notebook可以让用户在远程服务器上运行代码，而不需要直接在服务器...
jupyter notebook 写代码自动补全的实现
12-16
我使用的是conda。有两种方式进入命令行。 方法1：通过anconda navigator界面，选择environments，选择对应环境名，选择open terminal 方法2：直接使用cmd或者terminal等终端进入命令行。激活你想要配置代码补全的...
Jupyter Notebook格式美化，惊艳了所有人！！
weixin_43373042的博客
01-30 1240
整理丨数据STUDIO结构和风格的重要性在编码世界中从未如此明显。在Jupyter笔记本中通过自定义布局、颜色和单元格样式为你的代码添加维度是非常容易的，这将确保你的辛勤工作是值得注意的、引人注目的和令人难忘的。我的博文概述并解释了各种方法，这些方法将使你的笔记本的界面、标记和编码单元发生蜕变。这些方便的演示技巧将确保你的下一个项目在视觉上有吸引力，有条不紊，非同一般在进一步说明之前，让我们深入了...
jupyter 代码样式
Caiqiudan的博客
05-21 1116
参考：https://blog.csdn.net/qq_42247018/article/details/113094031 在css文件添加以下内容： /* Body */ /* #notebook-container { width: 90% } */ /* Markdown */ div#notebook { font-family: san francisco, "PingFangSC-Medium", "Microsoft YaHei"; line-height: 2
如何修改jupyter代码行间距
Caiqiudan的博客
12-06 2739
打开文件D:\software\Anaconda3\Lib\site-packages\notebook\static\style\style.min.css 修改这一行（这里的行数和你的不一样，因为我自己修改过该文件） 改成 1.5em 行距就变宽了。 效果图：
ubuntu中执行jupyter格式代码
刘伟的博客
04-20 1383
(一)安装jupyter sudo pip3 install jupyter (二)打开jupyter   先通过cd执行进入你要打开的jupyter项目的目录下，然后执行jupyter notebook就会一个网页，里面会显示该目录的所有文件。如下图: (三)执行jupyter   在显示的所有文件中，打开你要执行的文件，选中某段代码，点击run即可。 ...
jupyter notebook的map函数新生成的列数据类型为category
Lynnzxl的博客
01-14 1496
学习使用jupyter notebook过程中，matplotlib绘图时，有时候有数据类型的限制。比如说：散点图scatter，需要绘图的列时数值型。 先看数据： 分析时想用sex列进行分析，需要把sex列转换成数值型，我选择了map函数映射出新的一列sex_flag map_dic={ 'Female':1, "Male":0, } tips['sex_flag'] = t...
小技巧！Python Jupyter Notebook 格式就没输过谁！
cainiao_python的博客
02-17 798
有品位的改造结构和风格的重要性在编码世界中从未如此明显。在Jupyter笔记本中通过自定义布局、颜色和单元格样式为你的代码添加维度是非常容易的，这将确保你的辛勤工作是值得注意的、引人注目的和令人难忘的。我的博文概述并解释了各种方法，这些方法将使你的笔记本的界面、标记和编码单元发生蜕变。这些方便的演示技巧将确保你的下一个项目在视觉上有吸引力，有条不紊，非同一般在进一步说明之前，让我们深入了解一下吧!...
Jupyter Notebook自动补全&代码格式化
热门推荐
奋斗不息，编码不止
06-05 1万+
Jupyter Notebook自动补全&代码格式化 安装 nbextensions 安装：pip install jupyter_contrib_nbextensions -i https://pypi.mirrors.ustc.edu.cn/simple 激活：jupyter contrib nbextension install --user 安装 nbextensions_configurator 安装：pip install jupyter_nbextensions_configur
【Python】美化 Jupyter Notebook 格式就没输过谁！
CSDN_430422的博客
01-09 1413
只写代码，不做造型，使杰克成为一个无趣的程序员!
Jupyter Notebook数据格式解析
数据森麟
02-12 8792
作者：蛰虫始航 来源：蛰虫始航最近遇到一个问题：如何合并多个Jupyter Notebook的笔记为一个笔记文件？经常用Jupyter Notebook写Python代...
jupyter notebook代码格式化
09-24
Jupyter Notebook 的代码格式...这样，您就完成了 Jupyter Notebook 的代码格式化设置。现在，您可以在工具栏中找到一个小锤子图标，点击它就可以实现代码格式化了。 希望这能帮到您！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值