รูปแบบและตัวอักษรที่ขับเคลื่อนด้วยข้อมูลสำหรับ JupyterLab ขับเคลื่อนโดย JSS
นี่คือซอฟต์แวร์ ฟรี
เรากำลังลองบางสิ่งที่นี่และเชิญคุณทดสอบ แต่ไม่รับประกันว่ามันจะดีหรือทำงานได้ สิ่งที่เราหมายถึงนั้นครอบคลุมในข้อความตะโกนที่ด้านล่างของใบอนุญาต
หากมีบางสิ่งถูกทำลายให้เป็นผู้มีส่วนร่วมและยกประเด็น แต่เราไม่สามารถรับประกันเวลาตอบสนองใด ๆ ได้ ในทำนองเดียวกัน 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 |
คุณสมบัติที่เข้ากันได้กับ JSON ทั้งหมดของปลั๊กอิน jss-preset-default ถูกเปิดใช้งานด้วยการตั้งค่าเริ่มต้นพร้อมบันทึกย่อบางส่วนด้านล่าง สำหรับการพกพาคุณลักษณะที่ใช้ 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 "
}
}
}
} ใน Binder หนึ่งอาจปรับใช้สิ่งนี้ด้วยสคริปต์ 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 ทำให้ตรงไปตรงมาในการปรับแต่งแสงโดยไม่จำเป็นต้องสร้างและแจกจ่ายปลั๊กอินชุดรูปแบบเต็มรูปแบบ