程式碼 | JoeyToday

分類

📂

媒體、檔案、嵌入（Media, Files & Embeds）

狀態

✅ 已更新

Last edited by

負責編輯人

最後更新

❓

在本文中

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

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

繁體中文 Notion 教學手冊（協作中）

💬 目錄

新增 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（程式區塊）註解

將游標移至程式區塊右上角以顯示 Copy 和 Caption 按鈕

點擊 Copy，您的程式碼即複製到您的剪貼簿供您至其他地方貼上做分享。

點擊 Caption 即可替您的程式碼作補充說明！

點擊 ••• 選單以參見更多選項。

👉🏻

注意：唯讀的使用者看不到該按鈕。

在 code block（程式區塊）上評論

正如其他任何類型的內容 block（區塊），你可以對 code block（程式區塊）發表 comment（評論）：

將游標移到 code block（程式區塊）上，然後按一下右上角的 ••• 或左側的 ⋮⋮。你也可以右鍵按一下該 code block（程式區塊）。

選擇 Comment（評論），然後輸入任意關於 code（程式）的看法。

🎒

小技巧：可以用 @ 來標記你的 workspace（工作區）的協作者，通知他們查看特定評論。

刪除 code block（程式區塊）

將游標移到 code block（程式區塊）上，然後按一下右上角的 ••• 或左側的 ⋮⋮。你也可以右鍵按一下 code block（程式區塊）本身。

選擇 Delete（刪除）。

👉

繼續閱讀：

🔲

模板按鈕