Chrome 브라우저에서 마크다운(.md) 파일을 바로 열람하고 편집할 수 있는 확장 프로그램입니다.
GitHub 스타일 렌더링, 구문 강조, 현재 파일 저장과 다른 이름 저장 기능을 제공합니다.
| 기능 | 설명 |
|---|---|
| 📄 보기 모드 | 마크다운을 GitHub 스타일 HTML로 렌더링 |
| ✏️ 편집 모드 | 마크다운 원문을 전체 화면 편집기로 수정 |
| 🔀 분할 모드 | 편집기와 미리보기를 좌우로 나란히 표시 |
| 📝 다른 이름 저장 | 새 파일명이나 새 위치로 별도 저장 |
| 🎨 구문 강조 | highlight.js(GitHub 테마)로 코드 블록 색상 처리 |
| 📑 목차(TOC) | 문서 제목을 자동으로 추출해 사이드바에 목차 표시 |
| 📁 파일 탐색기 | 로컬 파일(file://)의 같은 폴더 파일 목록 탐색 |
| ⌨️ 단축키 | Ctrl+E / Cmd+E 편집 모드 전환 · Ctrl+S / Cmd+S 저장 |
.md · .markdown · .mdown · .mkd · .mkdn · .mdwn · .mdtxt · .mdtext
로컬 파일(file://)과 원격 URL(http:// / https://) 모두 지원합니다.
- 이 저장소를 클론하거나 ZIP으로 다운로드합니다.
- Chrome에서
chrome://extensions/페이지를 엽니다. - 오른쪽 상단의 개발자 모드 토글을 활성화합니다.
- 압축 해제된 확장 프로그램 로드를 클릭하고 저장소 루트 폴더를 선택합니다.
- ✅ 확장 프로그램 설치 완료.
file:// 경로의 마크다운 파일을 보려면 파일 접근 권한을 추가로 허용해야 합니다.
chrome://extensions/페이지로 이동합니다.- ChromeMD 항목에서 세부정보를 클릭합니다.
- 파일 URL에 대한 액세스 허용을 활성화합니다.
- Chrome에서
.md파일을 엽니다 (탭으로 드래그&드롭하거나파일 → 열기사용). - ChromeMD가 자동으로 요청을 가로채어 즉시 렌더링합니다.
- 툴바의 보기 / 분할 / 편집 버튼으로 모드를 전환합니다.
- 편집 모드에서 내용을 수정합니다.
- 별도 파일로 보관하려면 다른 이름 버튼을 사용합니다.
- 현재 UI에서는 다른 이름 저장만 노출합니다.
- 직접 저장 기능은 구현을 보류 중이며 버튼도 잠시 숨겨 둔 상태입니다.
- 다른 이름: 새 이름이나 새 위치를 선택해 별도 파일로 저장합니다.
macOS에서 현재 file:// 마크다운 파일을 선택 창 없이 바로 저장하려면 Native Messaging 호스트를 설치하세요.
- Chrome 확장 설정 페이지에서 확장 ID를 확인합니다.
- 저장소 루트에서 아래 명령을 실행합니다.
./native_host/install_native_host.sh <확장ID>
- Chrome 확장을 새로고침합니다.
- 옵션 페이지에서 네이티브 헬퍼 상태가
연결됨으로 보이는지 확인합니다.
제거가 필요하면 아래 명령을 실행하세요.
./native_host/uninstall_native_host.sh
ChromeMD/
├── manifest.json # Chrome 확장 Manifest V3 설정
├── content.js # 콘텐츠 스크립트 — 보기/편집/저장 로직
├── styles.css # 툴바 및 GitHub 스타일 마크다운 CSS
├── lib/
│ ├── marked.min.js # 마크다운 파서 (marked v9)
│ ├── highlight.min.js # 구문 강조 라이브러리 (highlight.js v11)
│ └── highlight-github.min.css # GitHub 구문 강조 테마
└── icons/
├── icon16.png
├── icon48.png
└── icon128.png
| 라이브러리 | 버전 | 라이선스 |
|---|---|---|
| marked | 9.x | MIT |
| highlight.js | 11.x | BSD-3-Clause |
MIT