안녕하세요. 낸드(Nand)입니다.
저번에 마크다운(markdown)을 총정리 해봤었죠.
미리 읽으시면 더 도움됩니다.
@nand/markdown
스팀잇에서 글쓰기 2탄이라고 할 수도 있습니다.
'마크다운으로는 안되는 다른걸 할 수는 없나?'
하시는 분들 계시나요?
마크다운 그 이상! HTML태그로 극복하자!
바로 들어갑니다.
Text align (center) 텍스트 가운데 정렬
<center>가운데 정렬</center>
다단 (두 단)
<div class="pull-left">
@slay 님이 번역하신 스팀잇 가이드에 있는 내용을 가져왔습니다. 왼쪽 단에 이렇게 글을 쓰고,
</div>
<div class="pull-right">
오른쪽 단에도 이렇게 글을 쓰는거죠.
다만 주의점은 충분히 길게 안쓰면 밑 내용이 가운데로 먹어들어간다는 것이에요.
</div>
<div class="pull-left">
왼쪽 단에
글 조금 쓰기
</div>
<div class="pull-right">
오른쪽 단에도
글 조금만 쓰기
</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/)
아쉬워서 응용편 하나 남깁니다. 이렇게 하면 이미지에 링크를 걸 수 있지요.
참고자료
@slay/steemit-raw-markdown-editor-html-tags-2
@slay/cacmz
맺음말
사실 여러 가지를 실험해봤는데 다 실패했습니다.
실패 목록입니다.
- 링크 새창으로 열기 실패
@goldenman 님이 의뢰하셨는데요. 실패입니다. ㅠㅜ - 텍스트 크기 바꾸기 실패
(헤더(###)을 사용해 편법으로 가능) - 텍스트 색상 바꾸기 실패
- 이미지 크기 변경 실패
(다른 이미지 툴을 이용해서 크기를 늘리거나 줄이고 업로드 하세요. 좋은 이미지 툴이 있는데, 이건 추후 소개드릴게요.) - 동영상 크기 변경 실패
- 왼쪽, 가운데, 오른쪽 정렬 가운데 정렬만 성공
결국 할 수 있는 건 스팀잇가이드( @steemitguide )에 있는 것과 추가로 몇개 정도군요.
이번 실험으로 알아낸 것은,
스팀잇은 글의 포맷을 보수적으로 운영한다는 것
입니다.
사실 마크다운이 존재하는 의의 중 하나는 통일성이라 생각합니다.
디폴트 속성으로 작성하고, 굳이 많이 바꾸지 말라는 것이죠.
그래서 가이드에 있는 것 정도를 제외하고는 유저가 바꿀 수 있는 속성이 많이 없습니다.
아무튼 이거라도 여러분의 글쓰기에 도움이 되었으면 합니다.
잘 보셨으면 Upvote (^) !
구독하시려면 Follow 부탁드려요.
지금까지 @nand 였습니다.