程式碼高亮 JSON 設定參考

查看每個產生欄位、預設值與行範圍規則,理解設定如何驅動預覽及三種輸出策略。

程式碼高亮 JSON 設定參考

截圖使用英文介面;控制項文字會隨網站語言切換。

一份設定,三種輸出

每個展示控制項都會更新 config.json。預覽及行內樣式、獨立 CSS、Tailwind 輸出使用同一個設定物件。檔案分頁為唯讀,不是 JSON 編輯器,也不支援匯入。可複製檔案,或保留下載 ZIP 中的副本作為設定記錄。JSON 不包含原始碼,請另外儲存程式碼。

「載入示範」會取代原始碼與設定,保留目前輸出格式,同時重設範圍輸入草稿及預覽面板狀態。它用於體驗功能,不是復原或還原操作。

欄位與預設值

欄位預設值含義
languagejavascript內建語言標準 ID
themegithub-dark內建主題 ID
outputinlineinline、css 或 tailwind
highlight、focus、add、remove、collapse[]包含兩端的原始碼範圍,例如 [[3,5],[8,8]]
highlightColor、focusColor#60a5fa互相獨立的藍色背景
highlightOpacity、focusOpacity25背景不透明度,0–100
addColor、addOpacity#22c55e、20新增行背景
removeColor、removeOpacity#b91c1c、30刪除行背景
lineNumbersfalse是否顯示行號
lineNumbersStart1顯示起始值,0–999999 的整數
lineNumberColor#888888行號顏色
diffIndicatorstrue顯示增刪符號
diffInGutterfalse以符號取代變更行行號
autolinkfalse將支援的網址轉為連結
summary…摺疊摘要後綴,最多 80 字元

範圍與輸出規則

範圍使用從 1 開始的原始碼位置,包含起止行,與顯示行號不同。空範圍關閉對應效果。介面會正規化反向範圍;無效文字會顯示驗證提示,不會默默選取不相關的行。

本站沒有註解指令解析器,[tl! focus] 等內容仍作為一般程式碼保留。請透過控制項修改效果,再查看 JSON,不需要編輯註解。此結構描述目前應用程式設定,不代表提供遠端高亮 API。

透過 HTML 匯出取得套用樣式的結果。若要在新工作階段重現設定,請重新載入程式碼,並透過控制項套用儲存的設定;目前未實作 JSON 自動匯入或工作階段還原。

開啟程式碼高亮工具 · 全部指南 · 文章與工具比較