MarsEdit와 Marked 2, 그리고 Markdown

이 포스팅은 Marked 2와 Marsedit의 사용성을 확인하는 데에 목적이 있다.

작업의 순서는 다음과 같다. 

1. MarsEdit의 편집기를 이용하여 초고를 작성한다. 이때 문서는 Markdown 문법을 적용하여 작성한다. 

2. 이때 Markdown 문법이 적절하게 적용되었는지는 Marked 2의 preview를 이용한다.

3. 문서가 완성되면 Marked 2를 이용하여 Markdown 문서를 HTML 문서로 변환하다.

4. HTML로 변환된 문서를 MarsEdit 편집기로 복붙한 다음 티스토리에 업로드한다.

Marked 2에서는 제대로 적용되던 Markdown 문법이 티스토리 웹에서는 정확하게 구현되지 않는 것들이 있었다.

1. 제목 1 - 제목 4까지 크기 변동

2. 글꼴 서식에서 강조 효과.

3. 작업 목록의 체크박스 표시

4. 코드블록 안에서의 줄 바꿈

5. 인라인코드를 블록으로 표시

제목 1

프리뷰[1]는 문서 편집과 동시에 반영되지는 않는다. 10–20초 내외의 간격을 두고 반영되는 것을 확인하였다. 시스템의 성능에 의한 것인지 문서 업데이트 간격이 그러한 것인지는 확인하지 못했다.

이것은 #이 한 번 들어간 제목줄이다.

제목 2

이것은 #이 두번 들어간 제목줄이다.

제목 3

이것은 #이 세번 들어간 제목줄이다.

제목 4

이것은 #이 네번 들어간 제목줄이다.

프리뷰상으로는 제목 3과 제목 4의 차이가 느껴지지 않는다.

제목 5

이것은 #이 다섯번 들어간 제목줄이다.

제목 6

이것은 #이 여섯번 들어간 제목줄이다.

리스트 1

• 첫째
• 둘째
• 셋째

리스트 2

1. 한국
2. 대한민국
3. 만세

인용

인용 1단

인용 2단

인용 3단

글꼴 서식

취소선

굵게

기울게

==마킹==

표 그리기

좋은 음식	나쁜 음식
과일	사탕
당근	감자튀김
김치	라면

링크

주소가 그대로 보이는 링크 http://www.google.com

주소 대신 단어가 보이는 링크 구글

가로선 넣기

---

작업 목록

• [ ] 작업 1
• [ ] 작업 2
• [x] 작업 3

이미지 넣기

구글 로고입니다.

코드 블록[2]

#include int main() { printf("Hello, world!\n"); return 0; } 

코드[3]

#include int main() { printf("Hello, world!\n"); return 0; }

인라인 코드

글 도중에 코드를 입력하고 싶을 때 printf("출력하라.\n");과 같이 쓰인다.

---

1. Marsedit에서 마크다운 문법을 이용하여 문서를 작성하는 것과 웹 페이지에서 마크다운 문법을 적용하여 문서를 보여주는 것은 다른 차원의 문제이다. 여기서는 Marsedit의 편집창에서 마크다운 문서를 작성했을 때 그 프리뷰를 Marked 2에서 얼마나 적절하고 정확하게 보여주는가를 확인하는 것이다.  ↩

2. 코드블록 안에 사용된 프로그래밍 언어는 자동 감지되며 syntax 하이라이팅이 적용된다.  ↩

3. 이때 사용된 문자는 작은따옴표가 아니라 back quote(`) 문자 세개입니다.  ↩