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

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

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

미리 읽으시면 더 도움됩니다.
@nand/markdown

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

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

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

바로 들어갑니다.


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

가운데 정렬

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

다단 (두 단)

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

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


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

이미지 정렬 (다단 응용)

단을 응용해서 이렇게 이미지와 텍스트의 조화를 이룰 수도 있죠. @slay 님이 번역하신 스팀잇 가이드에 있는 내용을 가져왔습니다.
<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/)

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


참고자료

@slay/steemit-raw-markdown-editor-html-tags-2
@slay/cacmz


맺음말

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

실패 목록입니다.

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

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

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

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

입니다.

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

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


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

잘 보셨으면 Upvote (^) !
구독하시려면 Follow 부탁드려요.
지금까지 @nand 였습니다.

H2
H3
H4
3 columns
2 columns
1 column
19 Comments