selfteaching / selfteaching/selfteaching-python-camp

Day02 如何优化FireFox浏览器的Jupyter阅读体验?

Open
#93 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

学习素材分享
Dominant language
Python
Stars
151
Forks
875
PR merge metrics
No merged PRs in 30d

Description

《自学是门手艺》--《Jupyterlab 的安装与配置》
“...对中文用户来说,Jupyter 的默认字号有点过小,阅读起来不是很舒适。...”

1.点击浏览器右上角的菜单,选择“附加组件”

图片

2.搜索stylus,并安装插件

图片

图片

图片

图片

3.点击浏览器右上角的绿色S图标(即stylus插件),点击“管理已安装的”

图片

4.点击编写新样式,输入任意名字,并复制以下代码到文本框内,点击保存

图片

#复制以下代码:

a {color: #2456A4 !important;}
strong {color:#6392BF;}
em {color: #A9312A; font-style: normal !important;}
table {font-size: 90% !important;}

#jp-main-dock-panel {background-color: #f9f9f9;}
.jp-RenderedHTMLCommon {font-family: "Yuanti SC"; font-size: 100%;}
.jp-Notebook {background-color: #fbfafa;}
.CodeMirror, .jp-RenderedHTMLCommon pre {font-size: 90%;}
.jp-RenderedHTMLCommon pre {
    padding: 10px 25px;
    background-color: #fafafa;
    border-left: 4px solid #dadada;
    border-radius: 10px;
}

.jp-RenderedHTMLCommon pre code {
    background-color: #fafafa;
}

.jp-RenderedHTMLCommon h1 code,
.jp-RenderedHTMLCommon h2 code,
.jp-RenderedHTMLCommon h3 code,
.jp-RenderedHTMLCommon h4 code,
.jp-RenderedHTMLCommon p code, 
.jp-RenderedHTMLCommon li code,
.jp-RenderedHTMLCommon blockquote p code, 
.jp-RenderedHTMLCommon blockquote li code,
.jp-RenderedHTMLCommon td code {
    background-color: #f6f6f6;
    font-size: 90%;
    color:#2e2e2e;
    padding: 4px 4px;
    margin: 0 8px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    border-radius: 4px;
}

图片

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No target file or test is named. Start by reviewing the Firefox/Stylus installation steps, screenshots, and CSS snippet, then locate the repository documentation covering JupyterLab installation and configuration. Done means the guide is placed in the appropriate documentation location with its instructions and images intact.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, jupyter, stylus
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.