마크다운 에디터 MOU에서 CSS 수정하기 마크다운 에디터인 MOU에서 블로그 포스팅용으로 글을 작성하다보면, MOU의 기본기능인 미리보기 기능을 통해 자신이 쓴 글이 어떤식으로 보여질지 미리 확인해 볼 수 있다는 장점이 있습니다. 하지만 콘텐츠 디자인은 최종적인 스타일시트(CSS)를 따르기 때문에, 블로그에 적용되어 있는 CSS와 MOU에 적용되어 있는 CSS가 상이할 경우에는 다른 모습으로 보여지기 때문에, 조금의 혼란이 있을 수 있고 미리보기 기능의 의미가 많이 퇴색되기도 합니다. 그래서 MOU에서는 CSS를 사용자가 커스텀하여 사용할 수 있는 기능을 제공 중입니다. 오늘은 마크다운 에디터 MOU에서 CSS를 개인의 입맛에 알맞게 수정하여 사용하는 방법을 소개해드립니다. 1. 설정 - Prefere..
마크다운에디터 MOU 사용 방법 오늘은 마크다운 에디터들 중 꽤 많은 사용자를 보유하고 있고, 특히 마크다운 에디터 사용에 관해 입문용으로 많이 사용되는 MOU 마크다운 에디터에 대해 간단하고 기초적인 사용방법에 대해 알려드립니다. :) 마크다운 기본 문법 MOU 마크다운 에디터에서 Help 탭에 Markdown Syntax Reference가 제공되고 있습니다. 단축키 커맨드 + R. 그래서 기본문법에 익숙하지 않은 사용자라도 쉽게 레퍼런스를 참고하면서 마크다운 기본 문법을 사용할 수 있습니다. Actions 액션에는 이미 마련되어 있는 여러가지 필요한 기능들과, 그 기능들의 단축키가 사용하기 쉽도록 구성되어 있습니다. 따라서 몇 번의 단축키만 익힌다면 이후부터는 간단하게 단축키를 활용하여 기능들을 이..
[마크다운으로 블로그 글 예쁘고 편하게 쓰는 법] Font Awesome 아이콘 사용하기 Skeleton 반응형 스킨을 티스토리에 설치하게 되면 여러가지 CSS를 포함하고 있어서 다양한 방법으로 활용할 수 있습니다. 부트스트랩의 디자인을 사용할 수 있는 것 뿐만 아니라 font awesome의 아이콘 역시 자유자재로 사용할 수 있습니다. 이 아이콘은 블로그 본문내용에 포함해서 글쓰기 용도로 쓰거나 [ ]할 수 있을 뿐만 아니라, 아래처럼 특정 디자인의 요소로 활용할 때, 제목 그대로 블로그 글을 예쁘고 편하게 쓸 수있게 됩니다. ▼ 제일 앞에 위치해있는 손가락표시가 아이콘 많은 수의 아이콘이 이미 준비되어 있습니다. 대체로 아이콘 명이 단어 위주로 구성되어 있기 때문에, 몇 번 훑어본 다음 그 단어를 기..
[마크다운으로 블로그 글 예쁘고 편하게 쓰는 법] 마크다운 기초 문법과 커스텀 레퍼런스 마크다운 문법을 사용하기 위해서는 간략한 규칙체계를 익혀두어야 합니다. 그러나 전혀 걱정할 필요가 없는 것이 아주 직관적이고 매우 쉽습니다. 또한, 다양한 자료들이 공개되어 있기 때문에 얼마든지 참고할 수 있기도 합니다. 마크다운 에디터를 사용하신다면(문법을 배워야할 레벨인 초보 사용자라면 대부분 사용할 것으로 추측됩니다만)에디터에서 제공 중인 도움말을 참고할 수도 있습니다. 이러한 문법 체계를 Markdown Syntax 라고 부르는데, 몇 번만 사용해보면 쉽게 적용할 수 있으리라 생각됩니다. 게다가 화려한 고급 기능보다는 본질에 가까운 글쓰기 자체에 목적을 두고 글을 쓸 수 있어서 자주 사용하는 기능들 몇 개만 익..
[마크다운으로 블로그 글 예쁘고 편하게 쓰는 법] 마크다운 에디터 활용(MOU, 하루패드) 마크다운을 활용하기 위하여 가장 쉽게 접근할 수 있는 방법은 마크다운 전용 에디터를 사용하는 것입니다. 현존하는 많은 마크다운 에디터가 있습니다. MAC용 뿐만 아니라 윈도우용까지 다양한 프로그램과 앱들이 상용 혹은 베타버전으로 유통되고 있습니다. 오늘은 그 중에서도 제가 직접 사용 중인 MOU(MAC 용)와 MOU와 거의 흡사한 기능을 가지고 있으면서도 크로스플랫폼을 지원하는 국내 개발자가 만든 하루패드 2개를 소개해드립니다. MOU 마크다운 에디터 MOU MOU는 MAC용으로만 사용 가능한 마크다운 에디터입니다. 무료이며 donate 소프트웨어입니다. 꽤 비싼 가격을 가진 상용 앱들과 비교해도 손색이 없을 정도..
[마크다운으로 블로그 글 예쁘고 편하게 쓰는 법] 마크다운(Markdown)문법 소개 최근 반응형 웹 디자인과 마크다운 문법에 대한 관심이 아주 뜨겁습니다. 저 역시 같은 내용에 약간의 관심을 가지고 있는데, 일반적인 웹사이트 뿐만 아니라 조금은 대중화 된 블로그 서비스인 티스토리에서도 반응형 웹 스킨을 적용하여 사용할 수 있습니다. 마찬가지로 boostrap 등을 이용하여 마크다운까지 지원하고 있기 때문에, 반응형+마크다운을 적용하기에 부족함이 없습니다. 지금 이 글 역시 마크다운 문법을 활용한 마크다운 에디터를 활용하여 작성 중입니다. Note 현재까지 여러개의 티스토리 스킨을 사용해 보았지만, 마크다운을 가장 잘 지원하는 스킨은 현재로서는 마크쿼리님의 스킨입니다. 제가 지금 사용 중이기도 한 스킨인..
요즘 마크다운 문법을 활용하여 포스트를 작성하는데 푹 빠져있습니다. 주로 사용하는 문법은 몇개 한정되어 있긴 합니다만 쓰면 쓸수록 편리하고 재미가 있네요. 아직 적응 중이라서 완벽하게 활용한다고 볼 순 없지만 조금씩 익숙해지는 맛도 있습니다. 좀 찾다보니 마크다운을 지원하는 다양한 글쓰기 어플리케이션들이 있더군요. 제가 사용하던 율리시스 3는 걸음마 수준이었습니다. 좀 더 강력하고 다양하게 확장할 수 있으면서도 편리한 방법을 사용할 수 있는 앱들도 참 많았습니다. 어떤 앱을 쓰든간에 자기 자신에게 잘 맞는 시스템을 선택하는데 중요할텐데, 저는 최근에는 MOU라는 시스템이 마음에 들어 적극적으로 사용하고 있는 중입니다. 미리보기가 실시간으로 적용되는데다가 여러가지 테마가 있고, CSS를 수정할 수 있다는 ..
현재 스킨 변경을 하고자 준비중에 있습니다. 최근에 관심이 부쩍 늘어난 마크다운 문법을 사용할 수 있는 티스토리 스킨을 좀 찾아보니 생각 이상으로 괜찮은 스킨이 있더군요?! 고맙게도 무료 배포되고 있고 커뮤니티도 활성화 되어 있어서 많은 참고를 하며 이런저런 테스트와 수정 보완을 하고 있는 중입니다. 오랜기간 사용한 스킨이다보니 속도가 느린 문제 뿐만 아니라 스킨의 HTML이 매우 복잡하고 지저분해져 있는 상태. 게다가 주로 이미지를 사용한 사이드바 등으로 인해 변화된 환경에 적응하긴 힘들다는 판단을 내렸습니다. 현재 스킨을 사용한지도 몇 년이 된것 같은데... 물론 좋은 스킨입니다만 연식(?)이 있다보니 마크다운 문법과의 호환성은 기대할 수 없고 확장성도 고려되지 않았기 때문에 미래지향적인 스킨이라 하..
