<aside> ❓ 在本文中

在任意 Notion 頁面上，你都可以建立一個 code block（程式區塊）來顯示 code（程式），以便區分其餘內容並根據程式語言來格式化。我們支持多種程式語言的語法突顯。例如，以下是一個顯示 JavaScript 的 code block（程式區塊）：

for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

程式區塊有助於展示程式概念，與其他開發人員分享程式或維護自己的程式片段。我們可以很容易地複製任意數量的程式到剪貼簿中，以應用於其它地方。

</aside>

<aside> <img src="https://raw.githubusercontent.com/harryyifei/icon-sets/master/icon8/list-ol.svg" alt="https://raw.githubusercontent.com/harryyifei/icon-sets/master/icon8/list-ol.svg" width="40px" /> 繁體中文 Notion 教學手冊（協作中）

💬 目錄

</aside>

新增 code block（程式區塊）

• 將游標移到新的一行上時，按一下左側的 +。選擇 Code（程式），然後按一下 enter（輸入鍵）。或者，輸入 /code 並按一下 enter。
• 將新的 code block（程式區塊）放在適當的位置，按一下 code block（程式區塊）可以輸入或貼上您的 code（程式）。

調整 code block（程式區塊）位置

• 使用拖放功能在頁面上移動 code block（程式區塊）。將游標移到 code block（程式區塊）上，然後按住 ⋮⋮ 圖示來實現拖動。
• 您也可以將 code block（程式區塊）拖放到一行以實現分欄顯示。

語法突顯（Syntax highlighting）

我們支援多種程式語言的語法突顯。如要更換程式碼的顯示語言：

• 點擊程式碼區塊左上角的程式語言名稱。
• 輸入您要的程式語言以便搜尋，再按 enter 選擇。

code（程式）換行顯示

如果想取消橫向捲動條並讓 code（程式）在 code（程式）邊緣時自動換行，請執行以下操作：

• 將游標移到 code block（程式區塊）上，然後按一下右上角的 ••• 或左側的 ⋮⋮。您也可以右鍵按一下 code block（程式區塊）本身。
• 開啓 Wrap Code（程式換行顯示） 選項。

複製或替 code blocks（程式區塊）註解