調整 Jupyter Lab/Colab 中 markdown 儲存格的字體大小

#jupyter #colab #markdown #python

在 Jupyter Lab 或是 Colab 下, markdown 儲存格的字體不大, 像是底下這個表格：

對於老花眼族群實在很不友善, 看起來非常辛苦, 本文就說明如何調整 markdown 儲存格的字體大小。

Jupyter Lab

Jupyter Lab 可以透過儲存格魔法 (cell magic) 加入 HTML 標籤更改 CSS 設定, 讓表格的字體變大。請新增一個 code 儲存格, 鍵入以下內容：



%%HTML
<style>
td, th {
  color: green;
  font-size: 24px;
}
</style>

第一行的 %%HTML(小寫 html 也可以) 是 Jupyter 的儲存格魔法功能, 可以執行 HTML, 這裡我們將表格中的 <td> 以及 <th> 元素都使用 CSS 修改成綠色、24 點的字體大小, 執行之後實際的效果就會是這樣：

這個包含有 HTML 的儲存格並不一定要放在 markdown 的儲存格之前, 只要執行就可以生效。

Colab 沒辦法使用 Jupyter Lab 的儲存格魔法功能, 只能用變通的方法, 在文字的前後使用過時的 HTML <font> 標籤調整字體大小, 像是這樣：

不過這樣加標籤實在很辛苦, 所以我寫了一個簡單的網頁, 可以幫你自動為 markdown 內的文字加上特定字體大小的 <font> 標籤, 你可以到 https://editor.p5js.org/codemee/sketches/J9aVrHPhp 這裡使用：

在上方輸入 markdown 後, 底下就會出現加上字體標籤的 markdown, 複製貼到你的 Colab 文字儲存格中, 就可以得到大字體的輸出了。

如果你有興趣, 也可以按右上角的按鈕後進入 P5.js Web Editor 線上開發環境複製專案修改, 它使用了 maked 這個 JavaScript 套件解析 markdown 文件, 還蠻好用的。