Discourse 코드 블록 서식 문제 – 빨간색 텍스트 및 의도하지 않은 하이라이트

지원
4

강조 표시 색상은 다음 CSS 변수를 오버라이드하여 변경할 수 있습니다:

  1. --hljs-comment: 코드 주석에 사용됩니다
  2. --hljs-number: 코드 내 숫자 값에 사용됩니다
  3. --hljs-string: 코드 내 문자열 값에 사용됩니다
  4. --hljs-literal: 코드 내 리터럴 값에 사용됩니다
  5. --hljs-tag: HTML/XML 태그에 사용됩니다
  6. --hljs-attribute: HTML/XML 태그 속성에 사용됩니다
  7. --hljs-symbol: 코드 내 심볼에 사용됩니다
  8. --hljs-bg: 코드 블록의 배경색에 사용됩니다
  9. --hljs-builtin-name: 내장 함수 이름에 사용됩니다

예를 들어 문자열 색상을 오버라이드하려면:

:root {
   --hljs-string: pink;
}

사용 중인 하이라이팅 라이브러리인 hljs는 예제에서와 같이 degirum과 같은 Python 식별자를 하이라이트하는 것을 지원하지 않을 수 있지만, 다른 색상들을 변경하면 꽤 근사한 결과를 얻을 수 있을 것입니다.

글꼴에 대해서는, 이는 이상합니다. 기본적으로 코드 블록은 등폭(monospace) 글꼴로 표시되어야 합니다. 해당 테마에서 아무것도 오버라이드되지 않았는지 두 번 확인해 보시길 권장합니다.