create account

[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그 by nand

View this thread on: hive.blogpeakd.comecency.com
· @nand ·
$7.04
[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그
![](http://i.imgur.com/VOhWHIk.png)

안녕하세요. 낸드(Nand)입니다.

저번에 `마크다운(markdown)`을 총정리 해봤었죠. 

미리 읽으시면 더 도움됩니다.
https://steemit.com/kr/@nand/markdown

**스팀잇에서 글쓰기 2탄**이라고 할 수도 있습니다.

'마크다운으로는 안되는 다른걸 할 수는 없나?'
하시는 분들 계시나요?

마크다운 그 이상! `HTML태그`로 극복하자!

바로 들어갑니다.


---
## Text align (center) 텍스트 가운데 정렬 

<center>가운데 정렬</center>

	<center>가운데 정렬</center>


---
## 다단 (두 단)

<div class="pull-left">
@slay 님이 번역하신 스팀잇 가이드에 있는 내용을 가져왔습니다. 왼쪽 단에 이렇게 글을 쓰고, 
</div>
<div class="pull-right">
오른쪽 단에도 이렇게 글을 쓰는거죠. 
다만 주의점은 충분히 길게 안쓰면 밑 내용이 가운데로 먹어들어간다는 것이에요.
</div>


`<div class="pull-left">`
@slay 님이 번역하신 스팀잇 가이드에 있는 내용을 가져왔습니다. 왼쪽 단에 이렇게 글을 쓰고, 
`</div>`
`<div class="pull-right">`
오른쪽 단에도 이렇게 글을 쓰는거죠. 
다만 주의점은 충분히 길게 안쓰면 밑 내용이 가운데로 먹어들어간다는 것이에요.
`</div>`

---
<div class="pull-left">
왼쪽 단에
글 조금 쓰기
</div>
<div class="pull-right">
오른쪽 단에도
글 조금만 쓰기
</div>
&#128523; 가운데로 먹어들어감. 냠냠. &#128523;

    <div class="pull-left">
    왼쪽 단에
    글 조금 쓰기
    </div>
    <div class="pull-right">
    오른쪽 단에도
    글 조금만 쓰기
    </div>
    &#128523; 가운데로 먹어들어감. 냠냠. &#128523;


---
### 이미지 정렬 (다단 응용)

<div class="pull-right">
<img src="https://steemit.com/images/favicons/apple-touch-icon-57x57.png">
</div>
<div>
단을 응용해서 이렇게 이미지와 텍스트의 조화를 이룰 수도 있죠. 
@slay 님이 번역하신 스팀잇 가이드에 있는 내용을 가져왔습니다.
</div>

    <div class="pull-right">
    <img src="https://steemit.com/images/favicons/apple-touch-icon-57x57.png">
    </div>
    <div>
    단을 응용해서 이렇게 이미지와 텍스트의 조화를 이룰 수도 있죠. 
    @slay 님이 번역하신 스팀잇 가이드에 있는 내용을 가져왔습니다.
    </div>

---
## Markdown Table (Advanced) 표 심화

왼쪽정렬|가운데 정렬|오른쪽 정렬
---|:----:|---:
왼쪽정렬이|가운데 정렬은|150
기본|잘|10
입니다|안되네요|1

    왼쪽정렬|가운데 정렬|오른쪽 정렬
    ---|:----:|---:
    왼쪽정렬이|가운데 정렬은|150
    기본|잘|10
    입니다|안되네요|1


---
## Markdown 응용: 이미지에 링크 걸기

[![](https://steemit.com/images/favicons/apple-touch-icon-57x57.png)](https://steemit.com/)

	[![](https://steemit.com/images/favicons/apple-touch-icon-57x57.png)](https://steemit.com/)

아쉬워서 응용편 하나 남깁니다. 이렇게 하면 이미지에 링크를 걸 수 있지요.

---
### 참고자료
https://steemit.com/kr/@slay/steemit-raw-markdown-editor-html-tags-2
https://steemit.com/kr/@slay/cacmz


---
## 맺음말


사실 여러 가지를 실험해봤는데 다 실패했습니다.

실패 목록입니다.

- 링크 새창으로 열기 *실패*
@goldenman 님이 의뢰하셨는데요. 실패입니다. ㅠㅜ
- 텍스트 크기 바꾸기 *실패* 
(`헤더(###)`을 사용해 편법으로 가능)
- 텍스트 색상 바꾸기 *실패*
- 이미지 크기 변경 *실패* 
(다른 이미지 툴을 이용해서 크기를 늘리거나 줄이고 업로드 하세요. 좋은 이미지 툴이 있는데, 이건 추후 소개드릴게요.)
- 동영상 크기 변경 *실패*
- 왼쪽, 가운데, 오른쪽 정렬 **가운데 정렬만 성공**


결국 할 수 있는 건 스팀잇가이드( @steemitguide )에 있는 것과 추가로 몇개 정도군요.

이번 실험으로 알아낸 것은, 

	스팀잇은 글의 포맷을 보수적으로 운영한다는 것

입니다.

사실 마크다운이 존재하는 의의 중 하나는 **통일성**이라 생각합니다.
디폴트 속성으로 작성하고, 굳이 많이 바꾸지 말라는 것이죠.

그래서 가이드에 있는 것 정도를 제외하고는 유저가 바꿀 수 있는 속성이 많이 없습니다.

---
아무튼 이거라도 여러분의 글쓰기에 도움이 되었으면 합니다.

잘 보셨으면 Upvote (^) !
구독하시려면 Follow 부탁드려요.
지금까지 @nand 였습니다.
👍  , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authornand
permlinkmarkdown-trick
categorykr
json_metadata{"tags":["kr","steemkr-guide","kr-newbie","steemit","guide"],"users":["slay","goldenman","steemitguide","nand"],"image":["http://i.imgur.com/VOhWHIk.png","https://steemit.com/images/favicons/apple-touch-icon-57x57.png"],"links":["https://steemit.com/kr/@nand/markdown","https://steemit.com/","https://steemit.com/kr/@slay/steemit-raw-markdown-editor-html-tags-2","https://steemit.com/kr/@slay/cacmz"],"app":"steemit/0.1","format":"markdown"}
created2017-06-26 13:39:33
last_update2017-06-26 13:39:33
depth0
children19
last_payout2017-07-03 13:39:33
cashout_time1969-12-31 23:59:59
total_payout_value5.347 HBD
curator_payout_value1.695 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,718
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,180,230
net_rshares738,466,670,631
author_curate_reward""
vote details (22)
@carrotcake ·
많은 도움이 됐습니다🐥
properties (22)
authorcarrotcake
permlinkre-nand-markdown-trick-20170626t205745920z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 20:57:48
last_update2017-06-26 20:57:48
depth1
children1
last_payout2017-07-03 20:57:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length12
author_reputation29,937,464,906,410
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,234,071
net_rshares0
@nand ·
고맙습니다 :)
properties (22)
authornand
permlinkre-carrotcake-re-nand-markdown-trick-20170627t004852668z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-27 00:48:54
last_update2017-06-27 00:48:54
depth2
children0
last_payout2017-07-04 00:48:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length8
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,259,871
net_rshares0
@coininformation ·
너무어렵네요
properties (22)
authorcoininformation
permlinkre-nand-markdown-trick-20180120t122841979z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2018-01-20 12:28:42
last_update2018-01-20 12:28:42
depth1
children1
last_payout2018-01-27 12:28:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length6
author_reputation27,828,593,419
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,852,236
net_rshares0
@nand ·
하나하나 쓰다보면 익숙해지실거에요
properties (22)
authornand
permlinkre-coininformation-re-nand-markdown-trick-20180121t174124284z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2018-01-21 17:41:24
last_update2018-01-21 17:41:24
depth2
children0
last_payout2018-01-28 17:41:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length18
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id31,160,415
net_rshares0
@hjoon ·
깨알같은 팁 감사합니다 ㅎㅎㅎ 업보트로 응원하고 갈께요 ! 
뭔가 불편하다 싶었는데 툴부터 연습해야겠습니다~
properties (22)
authorhjoon
permlinkre-nand-markdown-trick-20170626t144533154z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 14:45:36
last_update2017-06-26 14:45:36
depth1
children1
last_payout2017-07-03 14:45:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length60
author_reputation327,571,179,095
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,188,720
net_rshares0
@nand ·
응원 감사합니다 ㅎㅎ 업보트로 힘이 나네요
properties (22)
authornand
permlinkre-hjoon-re-nand-markdown-trick-20170626t152123822z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 15:21:24
last_update2017-06-26 15:21:24
depth2
children0
last_payout2017-07-03 15:21:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length23
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,192,990
net_rshares0
@jungyoon ·
마크다운이 존재하는 의의 중 하나는 통일성이라는 점 동의해요. 장단점이 있는 것 같은데, 향후에는 좀더 많은 기능이 더해지지 않을까요. ㅎㅎ
properties (22)
authorjungyoon
permlinkre-nand-markdown-trick-20170627t064154861z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-27 06:41:57
last_update2017-06-27 06:41:57
depth1
children1
last_payout2017-07-04 06:41:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length78
author_reputation77,996,048,267
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,291,591
net_rshares0
@nand ·
제 생각엔 보수적으로,
즉, 기능은 조금씩만 추가하는 방향으로 갈 것으로 예상합니다.
properties (22)
authornand
permlinkre-jungyoon-re-nand-markdown-trick-20170627t070237554z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-27 07:03:09
last_update2017-06-27 07:03:09
depth2
children0
last_payout2017-07-04 07:03:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length47
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,293,339
net_rshares0
@kongstar ·
웹에서는 에디터 형식으로 지원이 안되어서 어떻게 할지 잘 모르겠더라구요 ㅠㅠ 덕분에 조금 알아갑니다! 감사합니다~
properties (22)
authorkongstar
permlinkre-nand-markdown-trick-20170626t141923088z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 14:19:21
last_update2017-06-26 14:19:21
depth1
children1
last_payout2017-07-03 14:19:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length63
author_reputation204,463,212,709
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,185,267
net_rshares0
@nand ·
도움이 되셨다니 저도 감사합니다~
properties (22)
authornand
permlinkre-kongstar-re-nand-markdown-trick-20170626t152028594z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 15:20:30
last_update2017-06-26 15:20:30
depth2
children0
last_payout2017-07-03 15:20:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length18
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,192,898
net_rshares0
@lachouette ·
새내기...이미지에 링크걸기... 잘 배우고 갑니다!  감사합니다!
properties (22)
authorlachouette
permlinkre-nand-markdown-trick-20180425t020741559z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2018-04-25 02:07:39
last_update2018-04-25 02:07:39
depth1
children0
last_payout2018-05-02 02:07:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length37
author_reputation128,953,449,142
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id51,972,514
net_rshares0
@morri ·
좋은 글 감사합니다. 스린이에게 많은 도움이 됐어요 :)
properties (22)
authormorri
permlinkre-nand-markdown-trick-20180405t002932814z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2018-04-05 00:29:27
last_update2018-04-05 00:29:27
depth1
children0
last_payout2018-04-12 00:29:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length31
author_reputation13,141,515,811
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id48,387,956
net_rshares0
@nosubtitle ·
감사합니다! :)
properties (22)
authornosubtitle
permlinkre-nand-markdown-trick-20180305t184450886z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2018-03-05 18:44:51
last_update2018-03-05 18:44:51
depth1
children0
last_payout2018-03-12 18:44:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length9
author_reputation1,530,162,785,314
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,441,486
net_rshares0
@snow-airline ·
&#9992; 제가 예전에 표 그린다고 고생했던게...
properties (22)
authorsnow-airline
permlinkre-nand-markdown-trick-20170626t143708580z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 14:37:09
last_update2017-06-26 14:37:09
depth1
children3
last_payout2017-07-03 14:37:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length30
author_reputation48,058,030,079,758
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,187,632
net_rshares0
@nand · (edited)
엇 ㄷㄷ 표 어떻게 그리셨나요? 설마...
properties (22)
authornand
permlinkre-snow-airline-re-nand-markdown-trick-20170626t145132748z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-26 14:51:33
last_update2017-06-26 14:51:48
depth2
children2
last_payout2017-07-03 14:51:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length23
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,189,472
net_rshares0
@snow-airline ·
&#9992; 그리는 법 알고 있어서 그렸는데... 제 글 중에 이모지를 보면...
properties (22)
authorsnow-airline
permlinkre-nand-re-snow-airline-re-nand-markdown-trick-20170627t011816499z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-27 01:18:18
last_update2017-06-27 01:18:18
depth3
children1
last_payout2017-07-04 01:18:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length46
author_reputation48,058,030,079,758
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,262,770
net_rshares0
@twinbraid ·
잘봤습니다 이미지 링크는 잘 몰랐는데 감사합니다
properties (22)
authortwinbraid
permlinkre-nand-markdown-trick-20170630t111118050z
categorykr
json_metadata{"tags":["kr"],"app":"steemit/0.1"}
created2017-06-30 11:11:15
last_update2017-06-30 11:11:15
depth1
children1
last_payout2017-07-07 11:11:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length26
author_reputation158,830,716,503,548
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,747,483
net_rshares0
@nand ·
앗 @twinbraid 님, 모르는 것도 있었군요. 괜히 뿌듯합니다. ㅎㅎ
properties (22)
authornand
permlinkre-twinbraid-re-nand-markdown-trick-20170630t111220690z
categorykr
json_metadata{"tags":["kr"],"users":["twinbraid"],"app":"steemit/0.1"}
created2017-06-30 11:12:51
last_update2017-06-30 11:12:51
depth2
children0
last_payout2017-07-07 11:12:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length41
author_reputation2,991,057,704,509
root_title"[Markdown trick] 스팀잇 글을 아름답게 - 마크다운 심화와 태그"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id6,747,645
net_rshares0