반응형
ி 마크다운 정리
마크다운이란?
일반 마크업 언어에 비해 문법이 쉽고 간단하다. Github의 README.md 파일도 대표적인 마크다운 문서이다.
Visual Studio Code
마크다운 올인원 플러그인을 설치하고 md 파일을 만든다.
우측 상단에 Open Preview to the Side를 선택하면 미리보기를 할 수 있다.
Notepad++
Notepad++에서 마크다운 플러그인을 사용하려면 플러그인 매니저를 먼저 설치해야 한다.
그러면 플러그인 탭이 생길 것이고
마크다운 문법
- 헤더(#,##, ... #####)
- 목록(-, 1. ,*)
- 강조(**text** , _text_ , `text`)
- 주석(> comment)
- 링크 및 이미지([title](URL))
표(|,:---)
|헤더1|헤더2|헤더3|
|:---|:---:|---:|
|셀1|셀2|셀3|
- 코드(```)
마크다운 편집기
Visual Studio Code
마크다운 올인원 플러그인을 설치하고 md 파일을 만든다.
우측 상단에 Open Preview to the Side를 선택하면 미리보기를 할 수 있다.
Preview 내용을 HTML로 복사하고 싶다면 Copy Markdown as HTML 플러그인을 설치한다.
그리고 F1을 눌러서 해당 플러그인을 선택하면 클립보드에 HTML이 복사된다.Notepad++
Notepad++에서 마크다운 플러그인을 사용하려면 플러그인 매니저를 먼저 설치해야 한다.
그러면 플러그인 탭이 생길 것이고
Plugin Manager
> Show Plugin Manager
에 들어가서 MarkdownViewer++ 플러그인을 설치한다. 수동 설치를 하려면 해당 링크로 접속한 뒤 최신 버전을
다운로드하고 폴더 내에 MarkdownViewPlusPlus.dll 파일을 Notepad++ 설치 폴더에 plugins 폴더 밑으로 이동시킨다.
그리고 Notepad++을 재접속하면 설치된 플러그인이 반영된다. 이제 Ctrl+Shift+M을 눌러 미리보기 창을 띄운다.
위 사진에서 보이는 것처럼 Notepad++에서 CSS를 직접 편집할 수도 있다.
플러그인 탭
> MarkdownViewer++
> Options
> HTML
에서 CSS를 적용할 대상 태그를 지시자로 입력하고 CSS 문법을 사용하면 된다.
반응형
'유틸리티-사이트' 카테고리의 다른 글
온라인 SQL 쿼리 실행 사이트 (0) | 2021.01.30 |
---|---|
사이트 정리 (0) | 2021.01.02 |
QR코드 생성하기 (0) | 2020.12.14 |
Find in Files( 파일 검색 프로그램 ) (0) | 2020.11.22 |
github 사용법 (1) | 2020.05.05 |