Obsidian 內建程式區塊 Syntax Highlight 顯示:

但匯出 PDF 時有些文字顏色偏淺(例如:WriteLine、GetPercentile、JSON 的屬性名稱),對比不明顯,程式區塊的背景也淡了點:

研究了一下,PDF 輸出樣式可在 <vault-folder>\.obsidian\snippets 放個 .css 用 @media pring { ... } 指定列印專用樣性調整。但如果你試過,會發現更改 pre,code { ... } 樣式沒什麼效果。查了文件,發現要透過以下 CSS 變數指定:

VariableDescription
--code-backgroundCode background color
--code-white-spaceCode white-space
--code-sizeCode font size
--code-normalNon-highlighted syntax
--code-commentComments
--code-functionFunctions
--code-importantImportant, regex
--code-keywordKeywords
--code-operatorOperators
--code-propertyProperties
--code-punctuationPunctuation
--code-stringStrings
--code-tagTags, symbols, constants
--code-valueValues

做了一個 pdf.css 放到 <vault-folder>\.obsidian\snippets 目錄:

@media print {
	body {
		  --code-background: #ccc;
		  --code-comment: #474;
		  --code-normal: #227;
		  --code-function: purple;
		  --code-property: drakblue;
		  --code-string: darkgreen;
	}
}

設定啟用:

調整完成。


Comments

Be the first to post a comment

Post a comment