스팀잇을 하면서 좋아하게 된 것이 하나 있으니 바로 마크다운 문법입니다. 쓰다보니 너무 깔끔하고 편해서 제가 만들고 있는 웹사이트에도 적용을 했습니다.
마크다운을 잘 쓰면 좋은 것이 하나 더 있는데요. 바로 SEO 적용이 되는것이 쉬워서 구글에서 검색이 잘된다는 것입니다. 이미 스팀잇은 사이트 순위도 높고 퀄리티있는 글들이 많이 올라오기 때문에 아주 약간의 팁으로도 노출빈도를 비약적으로 높일 수 있습니다. 이 말은 여러분의 영향력이 스팀잇 커뮤니티 뿐만 아니라 웹에서 증가한다는 것이죠.
SEO를 적용하기 위해서는 제목에 해당되는 키워드를 # H1 문법을 본문 처음에 써주고 주요 문단의 키워드를 # H2를 각 문단의 앞에 기록하면 됩니다. 검색 엔진은 H1 태그나 H2 태그를 사용하는 글들에 좋은 점수를 줍니다.
마크다운 컨닝페이퍼
마크다운의 철학
마크다운의 철학은 심플하고 읽기 쉬운 웹의 언어를 만드는데 있다. 블라블라~
마크다운 사용법
중얼중얼~
마크다운 추가정보
추가추가~
참 쉽죠잉? 제가 확신하는데 정말 유용한 팁이 될 것입니다. 그럼 진짜 컨닝페이퍼 시작합니다~
마크다운 사용법
헤더
H1~H6 까지의 헤더를 나타나는데 사용되며 제목, 강조를 할때 활용됩니다. 1~6 해쉬 레벨까지 사용이 가능합니다. 해쉬를 입력하고 한 칸 띄우는 것을 잊지 마세요.
예)
# H1 입니다.
## H2 입니다.
###### H6입니다.
강조
** 로 감싸면 에 대응하는 강조 표시가 됩니다.
예)
**강조**
이미지
마크다운에서 이미지 파일을 올릴 때 사용합니다. 에디터 안으로 이미지를 드래그 앤 드롭을 해도 자동으로 작성됩니다.
예)
- ! 마크로 선언합니다.
- 대괄호 []를 사용하고 Alt text를 써줍니다. Alt text는 이미지가 보여지지 않을 때 표시되는 텍스트입니다. 작성하지 않아도 되지만 작성하면 SEO 검색에 유리합니다.
- url 즉 이미지의 주소 및 경로를 소괄호 () 안에 표시해 줍니다.
링크
링크도 에디터에 주소를 입력하면 자동으로 마크다운 파서에서 링크 형태로 보여줍니다. (http://를 포함해야 합니다.)
직접 작성하려면 다음과 같이 작성하면 됩니다.
예)
[link text](http://example.com/)
- 이미지와 거의 유사합니다. 다만 ! 마크선언 부분이 없습니다.
- 대괄호 [] 안에 링크에 표시될 텍스트를 써줍니다. 적절하게 작성하면 SEO 에 유리합니다.
- 소괄호 안에는 링크로의 url 또는 경로를 적어줍니다.
리스트
리스트는 항목을 작성할 수 있는 것으로 깔끔하게 정리하는데 유리합니다.
- 순서가 없는 리스트
순서가 없는 리스트 (Unordered lists)는 *, +, - 기호 중 하나를 사용하면 됩니다. 기호를 쓰고 한 칸 띄우는 것을 잊지 마세요.
예)
- Red
- Green
- Blue
- 순서가 있는 리스트
순서가 있는 리스트(Ordered list)는 1. 2. 3. 의 방식으로 쓰면 됩니다. 역시 한칸 띄우는 것을 잊지 마세요.
1. Bird
2. McHale
3. Parish
코드 인용
코드를 써야할 때가 있다면 ` 키로 감싸주면 됩니다. ` 키는 그레이브라고 불리우는데 작은 따옴표가 아닌 숫자 1키 옆에 있는 물결 키(~)를 쉬프트를 누르지 않고 누르는 키입니다. 또한 스페이스를 4번 (Indent) 치고 코드를 입력해 줘도 코드 인용이 됩니다. 이는 <pre><code></code></pre>에 대응합니다.
예)
`code line`
```code block
echo hello world!
```
코드는 ` 를 사용하세요. 편리합니다.
블록 인용
일반적인 인용은 > 를 이용하면 됩니다. > 를 전체 텍스트에 적용해도 되고 맨 앞에 한 번만 사용해도 됩니다.
예)
> this is block quote
this is block quote
> this is block quote you can use it everyline
> it looks good
this is block quote. you can use it everyline.
it looks good.
마크다운을 마스터 하고 싶으신 분은 마크다운을 만든 존그루버의 사이트를 참고하시는 것도 좋을것 같습니다.
참고 :
https://daringfireball.net/projects/markdown/syntax
그럼 여러분 좋은 하루 되세요~^^