JSS로 구동되는 JupyterLab의 데이터 중심 스타일 및 타이포그래피.
이것은 무료 소프트웨어입니다
우리는 여기서 몇 가지를 시도하고 있으며 테스트를 초대하지만 그것이 좋거나 작동한다는 것을 보장하지 않습니다. 우리가 의미하는 바는 라이센스 맨 아래에있는 소리가 많은 텍스트로 덮여 있습니다.
무언가가 깨지면 기고자가되어 문제를 제기하지만 응답 시간을 보장 할 수는 없습니다. 마찬가지로, PRS는 시간이 허용되는 기준으로 검토됩니다.
pip install jupyterlab-fonts
# or
conda install -c conda-forge jupyterlab-fonts우리는 당신이 가고있어서 유감입니다!
pip uninstall jupyterlab-fonts
# or
conda uninstall jupyterlab-fonts기본 메뉴에서 기본 글꼴을 변경하려면 메인 메뉴에서 설정 ▶ 글꼴 ▶ 코드 ▶ 글꼴 (또는 크기 또는 선 높이 ) 및 원하는 값을 선택하십시오.
컨텐츠 의 일부 기능, 즉 렌더링 된 Markdown 및 HTML도 사용할 수 있으며 시간이 지남에 따라 추가로 추가 될 것입니다.
설정을 선택하여 사용 가능한 모든 글꼴 구성을 볼 수 있습니다. ▶ 글꼴 ▶ 글로벌 글꼴 ... 이 값은 jupyterlab 설정에 저장됩니다.
.ipynb 를 볼 때는 노트북 도구 모음 (현재, 셀 유형 옆)을 클릭하여 해당 파일 의 글꼴 만 변경하십시오. 글꼴, 스타일 변경 및 라이센스 정보는 노트북 메타 데이터에 저장됩니다.
이로 인해 노트북 파일의 크기가 빠르게 증가하고 협업에서 사용하기가 더 어려워 질 수 있습니다. 우리는 약간의 변경 접근법을 조사하고 있습니다.
Jupyterlab에서 고급 JSON 설정 의 글꼴 섹션은 글꼴과 전적으로 관련이없는 것을 제어 할 수 있습니다. 고도로 향상된 스타일이 글꼴 편집기 또는 jupyterlab-fonts 메타 데이터의 다운 스트림 응용 프로그램과 잘 작동한다는 보장은 없습니다.
다음은 프레젠테이션 모드 에서 노트북 파일이 어떻게 보이는지 변경하는 예입니다.
{
"styles" : {
":root" : {
"--jp-code-font-family" : " 'Fira Code Regular', 'Source Code Pro', monospace " ,
"--jp-code-font-size" : " 19px "
},
".jp-mod-presentationMode .jp-Notebook" : {
"& .CodeMirror, & .cm-editor" : {
"fontSize" : " 32px "
},
"& .jp-InputPrompt, & .jp-OutputPrompt" : {
"display" : " none "
}
}
}
} 마찬가지로 Jupyterlab 속성 검사관은 문서와 셀 수준 모두에서 특정 .ipynb 파일에서 이러한 사용자 정의를 가능하게합니다. 이들은 동적으로 생성되어 문서/셀 id 로 범위를 지정합니다.
위의 예는 Jupyterlab (또는 노트북)의 다른 버전이 다음과 같은 동일한 논리 내용에 대해 다른 DOM 클래스를 어떻게 사용할 수 있는지 보여줍니다.
| 요소 | jupyterlab <4 | jupyterlab 4 |
|---|---|---|
| 코드 편집기 | .CodeMirror | .cm-editor |
jss-preset-default 플러그인의 모든 JSON 호환 기능은 기본 설정과 함께 활성화되며 아래의 특정 노트와 함께 가능합니다. 이식성을 위해 동적 JS 기반 기능은 지원되지 않습니다.
The & (Ampersand)는 W3C CSS 중첩 모듈에 의해 표준화되고 많은 브라우저에서 구현 된 바와 같이 중첩 선택기를 허용합니다.
모든 설정 유래 스타일은 @global 선택기로 랩핑됩니다.
overrides.json 에서 사용하십시오 overrides.json 사용하면 실험실 서버가 시작된 후에도 Jupyterlab Core 및 타사 확장의 간단하고 선언적 구성을 허용합니다.
{
"@deathbeds/jupyterlab-fonts:fonts" : {
"styles" : {
":root" : {
"--jp-code-font-family" : " 'Fira Code Regular', 'Source Code Pro', monospace " ,
"--jp-code-font-size" : " 19px "
}
}
}
} 바인더에서는 postBuild 스크립트로 이것을 배포 할 수 있습니다.
#! /usr/bin/env bash
set -eux
mkdir -p " ${NB_PYTHON_PREFIX} /share/jupyter/lab/settings "
cp overrides.json " ${NB_PYTHON_PREFIX} /share/jupyter/lab/settings " 마찬가지로, 이것은 Jupyterlite에 잘 알려진 파일로, 전체 테마 플러그인을 빌드하고 배포 할 필요없이 가벼운 사용자 정의를 수행하는 것이 간단합니다.