옵시디언 플러그인/커뮤니티 플러그인

코드블럭에 줄번호와 강조표시하는 Better Codeblock 플러그인

반응형

개요

Better Codeblock 플러그인은 코드블럭에 줄번호와 강조 표시를 해주는 플러그인입니다. 

Plugin Info
플러그인 명 Better Codeblock
플러그인 설명 코드블럭에 줄번호와 강조표시
플러그인 분류 디스플레이 확장
Github 링크 Github 링크
별점

설치

이 플러그인은 베타 플러그인입니다. 베타 플러그인의 설치 방법은 BRAT을 참고해주세요

사용 방법

```language TI:"제목" HL:"줄번호, 줄번호-줄번호" "FOLD"
```
  • TI: 제목을 나타낼 때 사용합니다. TI:"제목"형태로 사용합니다.
  • HL: 특정 줄을 강조할 떄 사용합니다. HL:"줄번호"로 사용합니다. 여러 줄을 강조하고 싶은 경우 숫자-숫자를 입력합니다.
  • FOLD: 기본적으로 폴딩기능이 구현되어있습니다. "FOLD"를 사용할 경우, 콜아웃의 -기능처럼 접혀서 출력됩니다. 

설정

  • Exclude language list: 제외할 언어를 설정합니다.
  • Font color of title: 제목의 폰트색상을 설정합니다.
  • Background color of title: 코드블럭의 배경색을 설정합니다.
  • HighLight color: 강조색을 설정합니다.
  • Show line number: 줄번호 표시 설정
  • Show dividing line: 줄 번호와 코드사이 나누는 줄이 생성됩니다.
  • Show language name in the top right: 언어이름이 오른쪽 상단에 표시됩니다. 

관련 글

 

편집, 읽기모드에서 코드블록을 스타일링하는 Code Styler 플러그인

개요 Code Styler 플러그인은 편집 모드와 읽기 모드에서 코드블록과 인라인 코드를 스타일링해주는 플러그인입니다. Plugin Info 플러그인 명 Code Styler 플러그인 설명 편집 모드와 읽기 모드에서 코

kaminik.tistory.com

 

코드 블록을 하이라이트 해주는 Editor Syntax Highlight 플러그인

개요 Editor Syntax Highlight는 에디터 화면에서도 코드 블록을 하이라이트 해주는 플러그인. 코드 블록에 기술된 언어에 따라 텍스트를 색으로 나누어 표시합니다. Plugin Info 플러그인 명 Editor Syntax Hi

kaminik.tistory.com

 

[CSS Snippet] 편집모드에서 코드블록에 줄 번호 표시

편집 모드에서 코드블록에 줄 번호를 표시해주는 CSS Snippet입니다. 편집 모드에서만 가능한 CSS입니다. 읽기 모드에서 사용하시려면 Codeblock 관련 플러그인을 사용하셔야 됩니다. 예시 CSS 코드 .Hyp

kaminik.tistory.com


 

반응형