코드 블록에 줄 번호를 추가하는 방법?

2021년에 작성된 이 게시글을 찾았습니다. Is it possible to show line numbers in code block? 하지만 어떻게 적용해야 할지 모르겠습니다.

  • 이 옵션이 Discourse에 기본으로 포함되어 있나요? 그렇다면 마크다운에서 어떻게 지정하나요?
  • Discourse에 기본으로 포함되어 있지 않고 플러그인이라면, 이 플러그인에 대한 정보는 어디에서 찾을 수 있나요?

AI에게 물어봤습니다. 이게 도움이 될지 확실하지 않습니다:

Discourse에서 코드 블록에 줄 번호를 표시하는 문제를 해결하려면 다음 단계를 따르세요:

Discourse에는 코드 블록에 줄 번호를 표시하는 내장 기능이 없습니다. 그러나 이를 도와줄 플러그인이 있습니다.

해당 플러그인의 이름은 “Code Review”(구 “Code Line Numbers”)입니다. 이 플러그인을 사용하려면 다음을 수행해야 합니다:

  1. 플러그인이 이미 설치되어 있는지 확인: Discourse 관리자나 관리자 패널을 확인하여 Discourse 인스턴스에 Code Review 플러그인이 이미 설치되어 있는지 살펴보세요.
  2. 플러그인 설치: 플러그인이 설치되어 있지 않은 경우, 관리자에게 Discourse 플러그인 저장소에서 설치해 달라고 요청하세요. 또는 관리자 패널에 접근 권한이 있다면 직접 설치할 수도 있습니다.
  3. 줄 번호 활성화: 플러그인 설치 후 코드 블록에서 줄 번호를 활성화해야 합니다. 코드 블록 마크다운에 line_numbers 속성을 추가하여 이를 수행할 수 있습니다. 예를 들어:
```python line_numbers
def hello_world():
    print("Hello, World!")

이렇게 하면 코드 블록이 줄 번호와 함께 렌더링됩니다.

참고: line_numbers 속성은 플러그인의 최신 버전에서 이름이 변경되었거나 수정되었을 수 있습니다. 확실하지 않다면 플러그인 문서나 Discourse 관리자에게 확인하세요.

아직 문제가 해결되지 않았다면 주저하지 말고 질문해 주세요. 최선을 다해 도와드리겠습니다!

해당 주제에는 그들이 사용한 CSS가 포함되어 있으며, 이를 로컬의 컴포넌트에서 직접 실험해 볼 수 있습니다.

해당 게시글부터 확인해 보세요.

아쉬운 점은 이걸 GitHub의 테마 컴포넌트로 패키징해서 더 쉽게 활용할 수 있게 해 준 사람이 없다는 것입니다.

직접 해보셨나요? 저는 AI가 제시한 해결책을 그대로 복음처럼 받아들이기 전에 먼저 확인하는 것이 가장 좋다고 생각합니다.

AI에게 물어본 이유는, 도움이 필요한 상황에서 매우 유용하고 아직 충분히 활용되지 않는 것 같아서입니다. 이 플러그인에 대해 많이 알지는 못했지만, 그래도 도움을 주고 싶었습니다.

AI는 환각(hallucination)을 일으킬 수 있으며, 의존했을 수 있는 오래된 정보는 시일이 지나면 유효성을 잃고 관련성이 떨어질 수 있으므로, 이를 확인하는 것이 중요합니다.

어떤 AI? (10자 최소 길이를 충족하기 위한 불필요한 내용)

image

아, 알겠다… 다들 AI 열풍에 올라타는구나 :confused:

수정: 간단히 테마 컴포넌트를 만들어 보았습니다. 나중에 배경색과 텍스트 색상을 제어할 수 있는 설정을 추가할 예정입니다.