[마크다운 응용!!] 이제 기본 Markdown은 지루해!!!😎

in kr •  7 years ago  (edited)


안녕하세요. @forhappywomen 입니다.

개인적인 일로 산부인과 글은 못쓰고 짤막짤막하게 스팀잇 글만 쓰고 있습니다.

오늘 말씀드리고 싶은 내용은 기초적인 markdown 은 너무 익숙한 분들을 위한 markdown의 응용입니다.

스팀잇을 돌아다니다 보면, 예쁘게 잘 정리된 포스트들이 많습니다. (글의 내용이 중요하지만, 포장도 중요한 법이죠) 예쁘게 잘 정리된 포스트를 어떻게 따라할 수 있는지, 그리고 @sndbox 님이 잘 정리해놓으신 방법을 우리도 응용해서 써볼까요? 왠지 정리하고 나면, 누군가 '금손 아니냐고' 말씀하실것 같은데 ㅠ_ ㅠ 절대아닙니다.

글의 순서>

1.예쁘게 정리된 markdown이 어떻게 작성되었는지 확인해봅니다.
2.@sndbox님의 마크다운이 어떤식인지 알아봅니다.
3.우리도 한번 만들어봅니다.

알아보러 가즈앗!


1. 예쁘게 정리된 'markdown'이 어떻게 작성되었는지 확인해봅니다.


이게 image파일이 아니라 markdown으로 작성되었다면 믿겠습니까?

스팀잇을 하다보면, 예쁘게 포스팅을 잘하는 분들이 많습니다. 저건 어떻게 하는 것이지? 너무 궁금할때가 많습니다. 그럴때 손쉽게 이용할 수 있는 홈페이지가 있습니다. 바로 그 홈페이지는 @segyepark 님이 만드신 STEEMIT TOOL입니다.


홈페이지 url http://tool.steem.world/Post/Content, 사용설명 by @forhappywomen-바로보기

'post content viewer'를 이용하시면 다른 분들의 markdown을 알 수 있습니다. (저작권 침해인가요? 음....문제가 되면 삭제하겠습니다.)

2. @sndbox 님의 마크다운은 정말 화려합니다... 모든 그림과 글자에 링크가 다 들어 있습니다.

화려하고 어려워 보이니 간단하게 줄여보겠습니다. 표가 5열로 되어있는데, 2열로 바꿔서 설명드립니다.

원래의 Markdown 은 2 x 5 table 이었던것을 1x 2 table로 바꿨습니다. 구조가 눈에 들어오시나요? 글자와 그림에 걸린 link를 빼보겠습니다.

이제 좀 더 눈에 들어오시나요?? 그럼 <sup></sup> 와 회색음영(```)를 빼보겠습니다.

<sup>위첨자 기능</sup>을 입력하면, 위첨자 기능으로 화면에 보입니다.
회색음영(```)을 입력하면, 회색음영으로 화면에 보입니다.

이제는 진짜 알아볼 수 있겠습니다. 아 표라는 걸 알았습니다.

3. 이제 우리도 한번 만들어볼까요?

① 오늘은 1 x 3 table 을 만들어보겠습니다. 그림 3개만 있으면 되겠죠? 그림은 적절하게, 가로 pixel 200으로 준비해봅니다.

임신31주|임신 32주|임신 33주
---|---|---
![](그림링크)|![](그림링크)|![](그림링크)

임신31주임신 32주임신 33주
크기변환_31주.png크기변환_32주.png크기변환_33주.png

② 오!! 표가 만들어졌습니다. 그렇죠? 이제 그러면 <center>, <sup>과 회색음영(```)을 넣어볼까요?

③이제는... 링크도 한번 걸어볼까요?

링크를 연결하는 마크 다운은 [Text 혹은 이미지](홈페이지 URL)이죠?


함께 하시느라 고생하셨습니다. 이렇게 markdown을 쓰시는 @sndbox 님께 찬사를 드리며 오늘 글을 마칩니다.

임신31주
임신 32주
임신 33주
크기변환_31주.png
크기변환_32주.png
크기변환_33주.png
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

좋네요~ 사람들이 더 쓰게 편하겠어요.

테이블 만드는 건 이것도 편해요.
http://www.tablesgenerator.com/markdown_tables

컴알못은 그저 감탄하고 갑니다 ㅠㅠ

한터님 어쩜 저랑 그리도 똑같은 생각을....!!

오호 잘 따라해보겠습니다! 감사합니당!

와. 다음에 꼭 써봐야겠어요.

와~좋은정보입니다. 잘보고 가요

크ㅑ 꿀팁 감사합니다! 기본적인 마크다운만 사용했었는데ㅠㅠ 요런 것도 있네요!

제게 꼭 필요한 기능입니다 감사합니다 그런데

은 뭔가요??

<sup></sup>위첨자 기능,<center>가운데 정렬 기능입니다

sup는 사실 윗첨자입니다.
아래첨자는 sub 입니다.
원문에서는 글씨 크기를 작게 하기 위해 트릭을 쓴 것이죠.

저는 아직까지 어렵다는.ㅠ
열심히 배워야겟어요.ㅠㅎ

와 너무너무 복잡한데 사용을 하니 너무너무 좋아보이네요 ~

와,, 오늘 시작한 저는 신세계네요!!
저렇게 사용할 수 있는거군요!

어? 테이블 만들때 일자? 그건 뭔가요??
키보드 한참 봐도 모르고 갑니다ㅠㅠ

shift+’\’ 입니다 ㅎㅎ
혹은 KRW(₩) ㅎㅎ

앗 ! 감사합니다.

감사합니다. 색다르게 해보고 싶었는데 완전 좋아요 ㅎㅎ

와우.. 완전 신세계 인데요?? 감사합니다 :)

와... 마크다운으로 이런 것 까지 가능하네요 신기합니다 ㅋㅋㅋㅋ 저도 따라해봐야겠네요 ^^

와, 오늘 @sndbox님 글, ppt나 다른 프로그램으로 수정 뒤에
업로드하신 건 줄 알았는데, 마크다운을 이렇게 화려하게 사용할
수도 있군요 ㅎㄷㄷ 생각도 못했습니다!

포해피우먼님 정말 너무 유용한 정보 입니다 특히 회색음영은 어떻게 하는건지 너무 궁금했는데 ,,, 궁금증해결 !!!

아직 모르는것 투성이군요
정말 도움이 되는 포스팅 감사합니다
시도해 봐야겠네요

와! 좋은정보 감사합니다!

와... 아직 따라가기 벅차네요 ㅠㅠ

  ·  7 years ago (edited)

우와.......이거 정말 신세계네요.......!!!!!!
이걸 다 이용해볼 수 있는 포스팅을 하기를 스스로 바래봅니다 ㅎㅎ
좋은 정보 감사해요!

우와~ 태그를 적절히 잘 사용하면 멋진 포스팅이 될 수 있겠네요~
저도 뉴비들을 위해서 아래와 같은 글들 소개해드립니다~

[뉴비들을 위한 해시태그!] (https://steemit.com/busy/@kanisuka/1)
[뉴비프로젝트를 활용해보자!] (https://steemit.com/kr/@kanisuka/2)

저와 같은 많은 뉴비분들이 도움이 되길 바라는 마음에서 쭈욱 정리해보았어요~

오우 굿 정보입니다. 그 생각을 못했네요.

멋진 팁이네요~ 오늘 본 대문도 너무 마음에 드네요 ㅎ

Unfortunately​ I don't​understand​n this language ^^

따끈따끈한 뉴비입니다~^^
좋은 포스팅보고 팔로우 하고가요~
많이 배워야겠어요

와.. 마크다운으로 문서도 작성할수있겠는걸요? 신기해요 :)

해피님 오랜만에 찾아뵙네요^^좋은 팀 감사합니다!!ㅎㅎ앞으로 자주 찾아뵐게용~😆

a very good post. thanks for sharing.

Hey! Checkout blog post on eSteem!
https://busy.org/@oviani/food-recipes-delicious-76-fried-cheese-potatoes

Please support and vote me.. Thanks.

이제막 시작한 뉴비라... 기본으로 글만 쓰고 있네요
여러 마크다운 활용들을 좀 더 보면서 공부좀 해야겠어요!

팔로우하고 갑니다~
앞으로 좋은글과 좋은 교류 잘 부탁드립니다~