본문 바로가기
IT Tips

크롬 마크다운 뷰어 (Markdown Viewer) 사용법

by 누워서 코딩 2022. 4. 14.

 

마크다운 뷰어 설치

 

구글에서 '마크다운 뷰어'로 검색하면 첫 상단 화면에 'Markdown Viewer' 사이트가 나옵니다.

 

Markdown Viewer
Markdown Viewer

클릭해서 들어가면 크롬 웹 스토어로 바로 연결되어 설치 페이지가 보입니다.

 

우측 상단의 '크롬에서 설치'를 클릭한 후 설치해 줍니다.

Markdown Viewer
Markdown Viewer

 

 

마크다운 뷰어 기능

 

마크다운 뷰어는 다음의 기능을 제공합니다.

 

✔ 로컬 및 원격 URL 렌더링
✔ 원격 원본에 대한 세분화된 액세스
✔ 여러 마크다운 파서
✔ 컴파일러 옵션에 대한 완전한 제어
✔ 테마(GitHub 테마 포함)
✔ GitHub 맛 마크다운(GFM)
✔ 파일 변경 시 자동 새로고침
✔ 구문 강조 코드 블록
✔ 목차(TOC)
✔ MathJax 및 이모티콘 지원
✔ 인어 다이어그램 지원
✔ 스크롤 위치 기억
✔ 마크다운 콘텐츠 유형 감지
✔ RegExp를 사용한 URL 감지
✔ 토글 콘텐츠 보안 정책(CSP)
✔ 페이지 인코딩 무시
✔ 설정 동기화
✔ 원시 및 렌더링된 마크다운 보기
✔ 무료 및 오픈 소스

 

크롬 브라우저의 우측상단 아이콘에서 확장 프로그램을 클릭하면 설치한 Markdown Viewer가 표시됩니다

 

클립을 클릭해서 고정시킵니다.

마크다운 뷰어
마크다운 뷰어

 

여기서 오른쪽 세줄 아이콘을 눌러, 확장 프로그램 관리를 클릭합니다.

마크다운 뷰어
마크다운 뷰어

 

다음의 사이트 액세스와 파일 URL에 대한 액세스 허용을 클릭해서 허용으로 만듭니다.

마크다운 뷰어
마크다운 뷰어

 

마크다운 뷰어 사용법

 

다음은 로컬에 저장된 MD 파일을 수정할 경우 사용법입니다. 먼저 다음 세 단계로 액세스 허용을 해야 합니다.

 

1. `chrome://extensions`로 이동합니다.
2. Markdown Viewer를 찾아 'DETAILS' 버튼을 클릭합니다.
3. '파일 URL 액세스 허용' 스위치가 켜져 있는지 확인합니다.

 

이후는 자주 사용하는 방법으로 두 가지 방법이 있습니다.

 

1. 확장 프로그램의 ADVANCED OPTION 사용법입니다.

마크다운 아이콘 클릭하면 팝업창이 뜨고 아래의 ADVANCED OPTIONS 클릭합니다.

 

마크다운 뷰어 사용법
마크다운 뷰어 사용법

 

 

크롬 마크다운 뷰어 사용법
크롬 마크다운 뷰어 사용법

위의 이미지가 표시되는데, 내 PC의 로컬에 위치한 .md 파일을 수정하기 위해서는,

먼저 위의 붉은색 부분으로 변경해 줘야 합니다. (HTTPS:// 로 되어있는것을 선택하여 *:// 로 변경)

 

그리고 .md 파일이 위치한 경로를 복사 붙여 넣기 한 후, 오른쪽의 ADD를 클릭합니다.

 

2. 크롬 브라우저에서 로컬 주소를 직접 입력해서 보는 방법입니다.

 

보려고 하는 md파일이 있는 폴더의 주소를 복사 후 크롬 브라우저의 주소창에 그대로 붙여 넣습니다.

해당 폴더의 경로에 위치한 README.md 파일을 클릭하면 해당 마크다운 파일을 볼 수 있습니다.

크롬 마크다운 뷰어 사용법
크롬 마크다운 뷰어 사용법

댓글