Markdown Preview Enhanced에서 그림의 미리보기가 작동하지 않을 때의 해결 방법

목적


  • VisualStudioCode에서 mermaid를 코딩하고 Markdown Preview Enhanced에서 미리보기하면 그림의 색이 잘 나오지 않고, 출력해도 색이 잘 나오지 않을 때의 해결 방법을 정리한다.

  • 이 기사는 tyke의 MPE (MarkdownPreviewEnhanced)에서 mermaid 그래프가 검은 색으로 변하는 문제에 대한 정보를 바탕으로 작성되었습니다.



    tyke씨 기사로 해 주셔서 정말로 감사합니다. 감사합니다.

    이 기사의 타겟


  • mermaid로 그림을 만들었지만 Markdown Preview Enhanced에서 미리보기로 색이 이상하게 (아래 이미지)되어 버린 분


  • 해결 방법


  • Markdown Preview Enhanced는 인스톨하고 그대로라면 일부 그림의 그늘이 이상해진다.
  • 플러그인의 설정을 수정해 주면 정상적으로 표시할 수 있다.
  • 플러그인 바 열기 (적색 화살표 부분을 클릭)
  • Markdown Preview Enhanced 열을 찾아 기어 마크를 클릭
  • 확장 프로그램 설정을 구성합니다.를 클릭합니다.
  • Markdown Preview Enhanced 설정이 표시되면 스크롤하여 Markdown-preview-enhanced:Mermaid Theme 설정을 찾습니다.
  • 풀다운 메뉴에서 default 이외를 원하는 대로 선택한다.

  • mermaid의 코드를 다시 미리보고 정상적으로 표시되는지 확인합니다.

  • 요약


  • Markdown Preview Enhanced에서 mermaid를 정상적으로 표시시킬 수 있었다.
  • 좋은 웹페이지 즐겨찾기