美化 Jupyter Notebook 格式就沒輸過誰！
轉(zhuǎn)自：數(shù)據(jù)STUDIO
結(jié)構(gòu)和風(fēng)格的重要性在編碼世界中從未如此明顯。在Jupyter筆記本中通過自定義布局、顏色和單元格樣式為你的代碼添加維度是非常容易的，這將確保你的辛勤工作是值得注意的、引人注目的和令人難忘的。
我的博文概述并解釋了各種方法，這些方法將使你的筆記本的界面、標(biāo)記和編碼單元發(fā)生蛻變。這些方便的演示技巧將確保你的下一個項目在視覺上有吸引力，有條不紊，非同一般
在進(jìn)一步說明之前，讓我們深入了解一下吧!
1. 整體界面 - Jupyter 主題
安裝Jupyterthemes
!pip install jupyterthemes
!pip install --upgrade jupyterthemes仔細(xì)閱讀可用的主題清單
!jt -l
應(yīng)用你選擇的主題
!jt -t <主題名稱>
我在下面展示了所有可用的Jupyter筆記本主題。
注: 第一次可能需要重新啟動Jupyter筆記本來激活主題，之后只需運(yùn)行代碼 jt -t <themes>，點擊shift+enter并重新加載筆記本就可以了。
重置為默認(rèn)主題
!jt -r
2. Markdown
首先，什么是Markdown？
Markdown是一種用于格式化文檔的人類可讀語言。我們可以把它的效用比作微軟Word主功能區(qū)下的文本格式化工具。粗體、斜體、標(biāo)題、字體大小、縮進(jìn)、字體顏色、創(chuàng)建列表等等
Jupyter筆記本允許我們在一個文件中結(jié)合markdown文本和代碼，以產(chǎn)生更好的文件化工作流程。這種markdown允許你使用原始HTML來操作文本格式。
要將Jupyter筆記本的代碼單元轉(zhuǎn)換為markdown，只需在單元內(nèi)點擊Esc+m。
a. 標(biāo)題
# HEADING
## HEADING
### HEADING
#### HEADING
渲染后的輸出。
注意：確保在 "#"和你的標(biāo)記文本之間有一個空格，否則標(biāo)記文本將不能正確顯示。
b. 粗體
**Bold Text**
渲染后的輸出。
c.斜體字
*Italicized text*
渲染后的輸出。
補(bǔ)充：如果你希望你的文本是斜體和粗體，請將你的文本籠罩在六個星號之間，如下所示。
***Bold and Italicized Text***
渲染后的輸出。
d. 對齊
默認(rèn)情況下，Jupyter Notebooks文本是左對齊的。
右對齊
為了使文本右對齊，我們將文本包圍在一個開放和關(guān)閉的p標(biāo)簽和一個內(nèi)聯(lián)的 CSS "樣式" 屬性之間。
<p style='text-align: right'> **Your Right Aligned Text** </p>
渲染后的輸出。
中心化
要使文本居中，我們只需將文本包圍在中心標(biāo)簽之間。
<center> **Your Centered Text** </center>
渲染后的輸出。
e.突出顯示文本
為了突出顯示文本，我們將文本包圍在一個開放和關(guān)閉的標(biāo)記標(biāo)簽之間。
<mark>highlight text</mark>
渲染后的輸出。
f.背景顏色
# <div style = 'background-color:skyblue'> <center> TEXT WITH BACKGROUND COLOR </div>
渲染后的輸出。
g. 換行
添加換行符有助于將你的文件分成若干部分，使其結(jié)構(gòu)化。
---
渲染后的輸出。
此外，換行符也可以與其他HTML標(biāo)簽一起使用，以加強(qiáng)格式化，如下所示。
h.警示短信
警報是我最喜歡的markdown格式化語法，因為它們可以立即使嵌入其中的任何編碼筆記本變得生動起來有4種方法可以將HTML警報樣式應(yīng)用到你的markdown中。
#Blue Background
<div class="alert alert-info"> Example text highlighted in blue background </div>
#Green Background
<div class="alert alert-success">Example text highlighted in green background.</div>
#Yellow Background
<div class="alert alert-warning">Example text highlighted in yellow background.</div>
#Red Background
<div class="alert alert-danger">Example text highlighted in red background.</div>
注意：由于紅色往往帶有負(fù)面的含義，在專業(yè)場合避免使用紅色背景，除非你想突出負(fù)面的趨勢或觀察。
渲染后的輸出。
i.下劃線
為了給markdown文本加下劃線，我們使用開放和關(guān)閉u標(biāo)簽。
<u> Underlined Text </u>
渲染后的輸出。
j. 字體顏色
Markdown文本的顏色可以通過HTML字體標(biāo)簽來改變。
<font color='maroon'>Maroon colored Text </font>
注意：你也可以使用十六進(jìn)制顏色代碼來代替顏色名稱。請查看https://redketchup.io/color-picker，以玩轉(zhuǎn)不同的色調(diào)!
k. 符號
雖然我們可以在markdown中編碼的符號的選項是無限的，但讓我們來探索一些箭頭符號。
注：被用作文本中斷標(biāo)簽。
➤ Bullet point one</br>
➟ Bullet point two</br>
➣ Bullet point three</br>
➡ Bullet point four</br>
➠ Bullet point five</br>
➞ Bullet point six</br>
➝ Bullet point seven</br>
➜ Bullet point eight</br>
渲染后的輸出。
更多符號，請訪問https://coolsymbol.com/
l. 字體的風(fēng)格
查看https://tools.picsart.com/text/font-generator/，了解可以復(fù)制和粘貼到Jupyter筆記本Markdowns的字體。
# ???????? ???????? ???????????????????????? ???????? ??????????
m. 縮進(jìn)
> Text that will be indented upon rendering
渲染后的輸出。
n. 列表
有序列表
## List Title
1. First bullet point
2. Second bullet point </br>
(i) Subpoint 1 </br>
(ii) Subpoint 2
3. Third bullet point
無序列表
## List Title
- First bullet point
- Second bullet point
- Third bullet point
渲染后的輸出。
3. 代碼單元格
信不信由你，它也可以在Python打印語句中對代碼進(jìn)行格式化。這樣做，完全改變了你的代碼的表現(xiàn)形式，使它更容易理解和吸引人。
當(dāng)你第一次看到這些HTML標(biāo)簽時不要驚慌--我們將多次使用它，它很快就會成為你的第二天性。
a.粗體字
print('\033[1;3m This is bold\033[0m')
渲染后的輸出。
我們再仔細(xì)分析一下打印語句中的代碼。
請注意，開始和結(jié)束標(biāo)簽都必須在開始時包含一個/033。
對于b和c部分：我們可以完全忽略結(jié)束標(biāo)簽，因為它在整個過程中保持不變。相反，我們將篡改起始標(biāo)簽中的數(shù)字，以解鎖非常有趣的格式化選項。
b.代碼顏色
(i) 有色文本
print('\033[31;3m This is red\033[0m')
print('\033[32;3m This is green\033[0m')
print('\033[33;3m This is yellow\033[0m')
print('\033[34;3m This is blue\033[0m')
print('\033[35;3m This is pink\033[0m')
print('\033[36;3m This is skyblue\033[0m')
print('\033[37;3m This is grey\033[0m')
渲染后的輸出。
(ii)黑體字的文字
print('\033[1;31m This is bold red \033[0m')
print('\033[1;32m This is bold green\033[0m')
print('\033[1;33m This is bold yellow\033[0m')
print('\033[1;34m This is bold blue\033[0m')
print('\033[1;35m This is bold purple\033[0m')
print('\033[1;36m This is bold teal\033[0m')
print('\033[1;37m This is bold grey\033[0m')
渲染后的輸出。
c.背景顏色
print('\033[1;40mBlack background - Bold text\033[0m')
print('\033[1;41mRed background - Bold text\033[0m')
print('\033[1;42mGreen background - Bold text\033[0m')
print('\033[1;43mYellow background - Bold text\033[0m')
print('\033[1;44mBlue background - Bold text\033[0m')
print('\033[1;45mPink background - Bold text\033[0m')
print('\033[1;46mLight Blue background - Bold text\033[0m')
print('\033[1;47mLight Grey background - Bold text\033[0m')
總結(jié)
只寫代碼，不做造型，使杰克成為一個無趣的程序員!
如果你覺得這篇文章很有用，那么一定要按下拍手按鈕，與你的朋友和同事分享這個蟹皇堡的秘密編碼配方。
來源：vihasharma1099/a-complete-guide-to-beautify-your-jupyter-notebooks
編輯：@公眾號：數(shù)據(jù)STUDIO
