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

截圖使用英文介面;控制項文字會隨網站語言切換。
一份設定,三種輸出
每個展示控制項都會更新 config.json。預覽及行內樣式、獨立 CSS、Tailwind 輸出使用同一個設定物件。檔案分頁為唯讀,不是 JSON 編輯器,也不支援匯入。可複製檔案,或保留下載 ZIP 中的副本作為設定記錄。JSON 不包含原始碼,請另外儲存程式碼。
「載入示範」會取代原始碼與設定,保留目前輸出格式,同時重設範圍輸入草稿及預覽面板狀態。它用於體驗功能,不是復原或還原操作。
欄位與預設值
| 欄位 | 預設值 | 含義 |
|---|---|---|
language | javascript | 內建語言標準 ID |
theme | github-dark | 內建主題 ID |
output | inline | inline、css 或 tailwind |
highlight、focus、add、remove、collapse | [] | 包含兩端的原始碼範圍,例如 [[3,5],[8,8]] |
highlightColor、focusColor | #60a5fa | 互相獨立的藍色背景 |
highlightOpacity、focusOpacity | 25 | 背景不透明度,0–100 |
addColor、addOpacity | #22c55e、20 | 新增行背景 |
removeColor、removeOpacity | #b91c1c、30 | 刪除行背景 |
lineNumbers | false | 是否顯示行號 |
lineNumbersStart | 1 | 顯示起始值,0–999999 的整數 |
lineNumberColor | #888888 | 行號顏色 |
diffIndicators | true | 顯示增刪符號 |
diffInGutter | false | 以符號取代變更行行號 |
autolink | false | 將支援的網址轉為連結 |
summary | … | 摺疊摘要後綴,最多 80 字元 |
範圍與輸出規則
範圍使用從 1 開始的原始碼位置,包含起止行,與顯示行號不同。空範圍關閉對應效果。介面會正規化反向範圍;無效文字會顯示驗證提示,不會默默選取不相關的行。
本站沒有註解指令解析器,[tl! focus] 等內容仍作為一般程式碼保留。請透過控制項修改效果,再查看 JSON,不需要編輯註解。此結構描述目前應用程式設定,不代表提供遠端高亮 API。
透過 HTML 匯出取得套用樣式的結果。若要在新工作階段重現設定,請重新載入程式碼,並透過控制項套用儲存的設定;目前未實作 JSON 自動匯入或工作階段還原。