跳至主要內容

搜尋

輸入關鍵字或問題以搜尋說明文章。

如何在文章中加入帶有語法高亮和複製按鈕的程式碼?

本篇重點

位置: 文章 → 所有文章 → 文章編輯器

開啟此頁面: admin.<your-site>/articles(將 <your-site> 替換為您的網站網址)。接著開啟您要編輯的文章。

操作步驟

  1. 在編輯器中開啟文章。
  2. 將游標移至要放置程式碼的位置。
  3. 開啟插入選單,依序選擇 更多區塊 與 程式碼區塊。
  4. 貼上或輸入程式碼。
  5. 從語言清單中選擇對應的程式語言,以便正確顯示色彩。若不希望顯示語法色彩,請選擇 純文字。
  6. 發布文章。

如需查看完整的區塊選項清單,請參閱程式碼與數學公式。

貼心提醒

  • 可選語言: Plain text、Bash、C、C++、C#、CSS、Dart、Diff、Dockerfile、Go、GraphQL、HTML、INI、Java、JavaScript、JSON、Kotlin、Less、Lua、Makefile、Markdown、Objective-C、Perl、PHP、PowerShell、Python、R、Ruby、Rust、SCSS、Shell session、SQL、Swift、TOML、TypeScript、XML 與 YAML。
  • 複製程式碼。 在網站前台,每個程式碼區塊都會附帶一個 複製程式碼 按鈕。只要讀者的瀏覽器支援複製功能即可顯示。
  • 行內程式碼。 若要在句子中加入單一單字或簡短指令,請改用工具列上的 行內程式碼 標記。
  • 您可以將程式碼區塊放置在圖文說明的註記區塊、摺疊區塊或分欄中。
  • 請勿貼上機密資料。 絕不要在文章中放入密碼、金鑰或 token。讀者能看到您發布的所有內容。

常見問題

常見問題

讀者可以在網頁上執行這些程式碼嗎?

不行。此區塊僅供展示與複製程式碼。

我可以避免程式碼出現在搜尋結果摘要中嗎?

可以。區塊動作選單中提供「不建立摘要」選項。請參閱文章 SEO。

相關文章

意見回饋

這篇文章有幫助嗎?

其他語言版本:

仍需要協助嗎?