DEV Community

codemee
codemee

Posted on

4 2

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

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

過小的字體

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

Jupyter Lab

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



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


Enter fullscreen mode Exit fullscreen mode

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

放大變色的字體

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

Colab

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

用 HTML 標籤變大的字體

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

簡便的工具

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

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

Retry later

Top comments (0)

Retry later
Retry later