結構和風格的重要性在編碼世界中從未如此明顯。在Jupyter筆記本中通過自定義布局、顏色和單元格樣式為你的代碼添加維度是非常容易的，這將確保你的辛勤工作是值得注意的、引人注目的和令人難忘的。

我的博文概述並解釋了各種方法，這些方法將使你的筆記本的界面、標記和編碼單元發生蛻變。這些方便的演示技巧將確保你的下一個項目在視覺上有吸引力，有條不紊，非同一般

在進一步說明之前，讓我們深入了解一下吧!

1. 整體界面 – Jupyter 主題

安裝Jupyterthemes

!pip install jupyterthemes
!pip install --upgrade jupyterthemes

仔細閱讀可用的主題清單

!jt -l

應用你選擇的主題

!jt -t <主題名稱>

我在下面展示了所有可用的Jupyter筆記本主題。

所有可用的Jupyter筆記本主題

注: 第一次可能需要重新啟動Jupyter筆記本來激活主題，之後只需運行代碼jt -t ，點擊shift enter並重新加載筆記本就可以了。

重置為默認主題

!jt -r

2. markdown

首先，什麼是Markdown？

Markdown是一種用于格式化文檔的人類可讀語言。我們可以把它的效用比作微軟Word主功能區下的文本格式化工具。粗體、斜體、標題、字體大小、縮進、字體顏色、創建列表等等

Jupyter筆記本允許我們在一個文件中結合markdown文本和代碼，以產生更好的文件化工作流程。這種markdown允許你使用原始HTML來操作文本格式。

就像蟹皇堡的漢堡包一樣，markdown文本往往被封閉在開放和封閉的HTML標籤之間

要將Jupyter筆記本的代碼單元轉換為markdown，只需在單元內點擊Esc m。

a. 標題

# HEADING
## HEADING
### HEADING
#### HEADING

渲染後的輸出。

注意：確保在 “#”和你的標記文本之間有一個空格，否則標記文本將不能正確顯示。

b. 粗體

**Bold Text**

渲染後的輸出。

c.斜體字

*Italicized text*

渲染後的輸出。

補充：如果你希望你的文本是斜體和粗體，請將你的文本籠罩在六個星號之間，如下所示。

***Bold and Italicized Text***

渲染後的輸出。

d. 對齊

默認情況下，Jupyter Notebooks文本是左對齊的。

右對齊

為了使文本右對齊，我們將文本包圍在一個開放和關閉的p標籤和一個內聯的 CSS “樣式” 屬性之間。

**Your Right Aligned Text**

渲染後的輸出。

中心化

要使文本居中，我們只需將文本包圍在中心標籤之間。

**Your Centered Text**

渲染後的輸出。

e.突出顯示文本

為了突出顯示文本，我們將文本包圍在一個開放和關閉的標記標籤之間。

highlight text

渲染後的輸出。

f.背景顏色

#

渲染後的輸出。

g. 換行

添加換行符有助於將你的文件分成若干部分，使其結構化。

---

渲染後的輸出。

此外，換行符也可以與其他HTML標籤一起使用，以加強格式化，如下所示。

h.警示簡訊

警報是我最喜歡的markdown格式化語法，因為它們可以立即使嵌入其中的任何編碼筆記本變得生動起來有4種方法可以將HTML警報樣式應用到你的markdown中。

#Blue Background

#Green Background

#Yellow Background

#Red Background

注意：由於紅色往往帶有負面的含義，在專業場合避免使用紅色背景，除非你想突出負面的趨勢或觀察。

渲染後的輸出。

i.下劃線

為了給markdown文本加下劃線，我們使用開放和關閉u標籤。

 Underlined Text 

渲染後的輸出。

j. 字體顏色

Markdown文本的顏色可以通過HTML字體標籤來改變。

Maroon colored Text 

注意：你也可以使用十六進位顏色代碼來代替顏色名稱。請查看https://redketchup.io/color-picker，以玩轉不同的色調!

k. 符號

雖然我們可以在markdown中編碼的符號的選項是無限的，但讓我們來探索一些箭頭符號。

註：被用作文本中斷標籤。

➤ Bullet point one
➟ Bullet point two
➣ Bullet point three
➡ Bullet point four
➠ Bullet point five
➞ Bullet point six
➝ Bullet point seven
➜ Bullet point eight

渲染後的輸出。

更多符號，請訪問https://coolsymbol.com/

l. 字體的風格

查看https://tools.picsart.com/text/font-generator/，了解可以複製和粘貼到Jupyter筆記本Markdowns的字體。

# 

m. 縮進

> Text that will be indented upon rendering

渲染後的輸出。

n. 列表

有序列表

## List Title
1. First bullet point
Second bullet point 2. 
(i) Subpoint 1 
(ii) Subpoint 2
3. Third bullet point

無序列表

## List Title
- First bullet point
- Second bullet point
- Third bullet point

渲染後的輸出。

3. 代碼單元格

信不信由你，它也可以在Python列印語句中對代碼進行格式化。這樣做，完全改變了你的代碼的表現形式，使它更容易理解和吸引人。

當你第一次看到這些HTML標籤時不要驚慌–我們將多次使用它，它很快就會成為你的第二天性。

a.粗體字

print('33[1;3m This is bold33[0m')

渲染後的輸出。

我們再仔細分析一下列印語句中的代碼。

請注意，開始和結束標籤都必須在開始時包含一個/033。

對於b和c部分：我們可以完全忽略結束標籤，因為它在整個過程中保持不變。相反，我們將篡改起始標籤中的數字，以解鎖非常有趣的格式化選項。

b.代碼顏色

(i) 有色文本

print('33[31;3m This is red33[0m')
print('33[32;3m This is green33[0m')
print('33[33;3m This is yellow33[0m')
print('33[34;3m This is blue33[0m')
print('33[35;3m This is pink33[0m')
print('33[36;3m This is skyblue33[0m')
print('33[37;3m This is grey33[0m')

渲染後的輸出。

(ii)黑體字的文字

print('33[1;31m This is bold red 33[0m')
print('33[1;32m This is bold green33[0m')
print('33[1;33m This is bold yellow33[0m')
print('33[1;34m This is bold blue33[0m')
print('33[1;35m This is bold purple33[0m')
print('33[1;36m This is bold teal33[0m')
print('33[1;37m This is bold grey33[0m')

渲染後的輸出。

c.背景顏色

print('33[1;40mBlack background - Bold text33[0m')
print('33[1;41mRed background - Bold text33[0m')
print('33[1;42mGreen background - Bold text33[0m')
print('33[1;43mYellow background - Bold text33[0m')
print('33[1;44mBlue background - Bold text33[0m')
print('33[1;45mPink background - Bold text33[0m')
print('33[1;46mLight Blue background - Bold text33[0m')
print('33[1;47mLight Grey background - Bold text33[0m')

到訪人數：(222)