StackEdit

개요

StackEdit 는 open-source Markdown 에디터 입니다.

• 특징
  • 온라인 작업 가능
  • 여러문서를 동시에 편집 할 수 있음
  • 확장팩(extension)을 사용하여 UML 등 추가 사용가능
  • 구글계정(구글드라이브)을 통한 작업 문서 동기화
  • 구문강조 (prism.js 내장)

사용법

사이트에 접속하면 StackEdit 의 소개 및 사용법 문서가 화면에 표시됩니다. 기본적으로 왼쪽의 파일탐색(file explorer)메뉴를 사용하여 파일을 관리하고, 오른쪽의 메뉴를 사용하여 작성한 파일을 변환한다던지, 개시하는 등의 추가 작업을 할 수 있습니다.

Markdown의 단점으로 표준 문법이 없기 때문에 툴에 따라 지원하는 문법이 조금씩 다릅니다. 때문에 툴 사용법 뿐만 아니라 오른쪽 메뉴의 Markdown cheet sheet 항목을 통하여 StackEdit 가 지원하는 Markdown문법을 확인해 두는 것이 좋습니다.

구문강조기능

제가 자주 사용하는 기능은 구문강조기능 입니다. 사용법은 다음과 같습니다.

• ``` 를 입력한 후 언어이름을 입력합니다.

▼ 구문강조 적용을 위한 마크다운 작성방법 (javascript)

▼ 구문강조 적용 결과

// An highlighted block
var foo = 'bar';

활용

다음과 같은 순서로 티스토리에 글을 작성합니다.

1. Stackedit.io 에서 Markdown 문법을 사용하여 글을 작성합니다.
2. 오른쪽 메뉴의 Export as HTML 메뉴를 사용하여 글을 HTML 으로 변환합니다. ( Template는 _Plain HTML_로 선택 후, COPY TO CLIPBOARD 를 선택합니다 )
3. 티스토리의 글 쓰기 페이지에서 HTML 을 체크하여 HTML 쓰기 모드로 전환 후, 키보드의 Ctrl+v 키를 눌러 클립보드에 복사하였던 HTML 문법으로 변환된 글을 붙여 넣습니다.