추적:

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
마지막 판양쪽 다음 판
tech:markdown [2014/03/19 02:37] – 바깥 편집 127.0.0.1tech:마크다운 [2019/03/13 14:28] – V_L
줄 1: 줄 1:
 +{{tag>마크다운 markdown}}
 +======마크다운 (Markdown)======
 +구문강조 및 링크를 그냥 "써내려가는 듯" 만들수 있는 규약으로 //쓰기 쉽고 읽기 쉬운 원본문서//를 만들 수 있다. (([[도쿠위키]]의 생각과도 연결된다. 마크업 문서를 실시간으로 변환하는 위키의 특성과 자료를 txt 파일로 저장하는 도쿠위키의 특성을 고려하면 마크다운을 가장 마크다운 답게 잘 표현할 수 있는 도구가 도쿠위키이다. ))
 +
 +[[https://www.dokuwiki.org/plugin:markdownextra|markdownextra]] 혹은 [[https://www.dokuwiki.org/plugin:markdowku|markdowku]] 플러긴을 통해 도쿠위키에서 사용할 수 있다. 
 +  * [[https://www.dokuwiki.org/plugin:markdownextra|마크다운익스트라]]는 문서이름 끝에 **.md**를 붙이거나 일반 위키 페이지에 <markdown>......</markdown>을 사용하면 된다.
 +  * [[https://www.dokuwiki.org/plugin:markdowku|마크다우쿠]]는 그냥 일부 문법을 도쿠위키에서 같이 쓸 수 있도록 한 것이다. 같이 쓰니 장점이 있다.  ((<del>(!) 버그도 있다. [[cat]] [[dog]]와 같이 연달아 링크를 적으면 깨진다. [[cat]],[[dog]] 이것은 괜찮다.</del>해결됨))
 +
 +블로그 서비스 중에서는 [](tumblr)에서 지원한다. 
 +
 +
 +본 위키에서는 [마크다우쿠](https://www.dokuwiki.org/plugin:markdowku)를 사용한다. ((아직 안되는 것도 있지만 버그가 많이 잡혔다.))
 +
 +
 +
 +![그림](http://macin.files.wordpress.com/2012/09/markdown-module-for-the-play-framework-icon.png)
 +
 +[기발한 링크 문법](http://my.offree.net/post/122160235)이 제일 마음에 든다.
 +
 +
 +  * [[http://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4|마크다운 위키피디아]]
 +  * [[http://blog-kkamagui.cloudfoundry.com/posts/1|마크다운(Markdown) 문법 목록]] 쉬운 설명
 +  * [[http://macnews.tistory.com/762|맥 사용 중 언제 어디서나 마크다운(Markdown)을 HTML로 변환하기]]
 +  * [[http://kingori.egloos.com/3717575|Egloos에 markdown 적용하기]]
 +  * [[http://yongyeol.com/blog/entry/textcube-1-6-and-markdown|텍스트큐브 1.6, Markdown]]
 +  * [[http://earlybird.kr/1436|워드프레스를 위한 Markdown 플러그인 비교]] 문법의 동적인 변환이 일어나는 플러긴이 더 알맞다.
 +  * [[http://cheum.net/entry/Markdown-in-Notepad-plusplus|Notepad++에서 마크다운 사용하기]]
 +
 +
 +=====문법=====
 +
 +====강조====
 +
 +<code>*italic*   **bold**
 +_italic_   __bold__</code>
 +
 +====링크====
 +
 +Inline:
 +<code>An [example](http://url.com/ "Title")</code>
 +Reference-style labels (titles are optional):
 +An [example][id]. Then, anywhere
 +else in the doc, define the link:
 +
 +<code>  [id]: http://example.com/  "Title"</code>
 +
 +
 +====사진====
 +Inline (titles are optional):
 +<code>![alt text](/path/img.jpg "Title")</code>
 +Reference-style:
 +<code>![alt text][id]</code>
 +
 +<code>[id]: /url/to/img.jpg "Title"</code>
 +
 +====제목====
 +
 +<code>
 +큰제목 1
 +====================
 +
 +작은제목 2
 +--------
 +
 +</code>
 +
 +atx-style (closing #'s are optional):
 +<code># Header 1 #
 +
 +## Header 2 ##
 +
 +###### Header 6</code>
 +
 +
 +====목록====
 +
 +** 숫자 목록 **
 +
 +<code>1.  Foo
 +2.  Bar</code>
 +
 +** 점목록 **
 +
 +<code>*   A list item.
 +
 +    With multiple paragraphs.
 +
 +  *   Bar</code>
 +
 +
 +** 혼합사용 가능 **
 +
 +<code>*   Abacus
 +    * answer
 +  *   Bubbles
 +    1.  bunk
 +    2.  bupkis
 +        * BELITTLER
 +    3. burper
 +  *   Cunning</code>
 +
 +====인용====
 +
 +<code>> Email-style angle brackets
 +> are used for blockquotes.
 +
 +> > And, they can be nested.
 +
 +> #### Headers in blockquotes
 +> 
 +> * You can quote a list.
 +> * Etc.</code>
 +Code Spans
 +''<code>'' spans are delimited
 +by backticks.
 +
 +You can include literal backticks
 +like `` `this` ``.
 +
 +
 +====코드블럭====
 +
 +Indent every line of a code block by at least 4 spaces or 1 tab.
 +This is a normal paragraph.
 +
 +    This is a preformatted
 +    code block.
 +
 +
 +====가로줄====
 +Three or more dashes or asterisks:
 +<code>---
 +
 +  * * *
 +
 +- - - -</code> 
 +
 +====강제 줄바꿈====
 +
 +End a line with two or more spaces:
 +<code>Roses are red,   
 +Violets are blue.</code>
 +
 +
 +
 +|개요| [[http://my.offree.net/post/120866613|철학]] [[http://my.offree.net/post/120867493|인라인 HTML]] [[http://my.offree.net/post/120924173|특수문자 자동처리]] |
 +|블럭요소| [[http://my.offree.net/post/120930645|문단과 줄 바꿈]] [[http://my.offree.net/post/120935965|제목]] [[http://my.offree.net/post/120939481|인용]] [[http://my.offree.net/post/121093671|목록]] [[http://my.offree.net/post/121491153|코드]] [[http://my.offree.net/post/121492455|수평선]] |
 +|글자 요소|[[http://my.offree.net/post/122160235|링크]] [[http://my.offree.net/post/122164235|강조]] [[http://my.offree.net/post/122193488|코드]] [[http://my.offree.net/post/122197651|이미지]] |
 +|기타|[[http://my.offree.net/post/122199722|이스케이프]] [[http://my.offree.net/post/122204554|자동링크]]|
 +
 +=====관련자료=====
 +  * [[https://michelf.ca/projects/php-markdown/|php-markdown]] php 마크다운 해석기
 +  * [[https://github.com/chjj/marked|marked]] 자바스크립트 기반 마크다운 해석기
 +  * [[https://github.com/tanakahisateru/js-markdown-extra|js-markdown-extra]] 자바스크립트기반 마크다운 해석기
 +  * https://markdown-it.github.io/ node.js 기반
 +