[스팀잇 실험실] 저는 마크다운 여기까지 해보고 있습니다.
지난 글들이 공간을 많이 차지 하지 않게 잘 정렬해놓으려고 했더니, 생각보다 쉽지 않습니다. 편집할 때 보이는 화면의 폭보다 실제로 업로드했을 때 보이는 폭이 달라서 포스팅을 올리고 실험하려고 올렸습니다. 그냥 블로그에서 글 분류와 정렬만 잘 해줬어도 이런 사족은 필요없을텐데 안타깝습니다.
@kyunga 님이 마크다운 & 태그 어디까지 해봤니?라고 물으셨는데, 저는 여기까지 해보고 있습니다.
마크 다운은 스팀툴에서 보실 수 있습니다.
그래도 실험을 반복하니, 점점 나아지고 있습니다.
Original : 최근 글에서는 목록을 아래로 쭉 나열했습니다.
글이 많아질수록 공간을 많이 차지해서 글자 크기를 줄였지만, 여전히 많은 공간을 차지합니다.
저자의 다른 글
과학 에세이
- [과학 에세이] 양자역학, 경제학, 그리고 진화론 (1)
- [과학 에세이] 양자역학, 경제학, 그리고 진화론 (2)
- [과학 에세이] 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
- [과학 에세이] 미래에는 음성 언어가 사라질까? (1)
- [과학 에세이] 미래에는 음성 언어가 사라질까? (2)
- [과학 에세이] 종 예외주의 (1) : 들어가며
- [과학 에세이] 종 예외주의 (2) : 종의 분화
- [과학 에세이] 종 예외주의 (3) : 이기적인 종
- [과학 에세이] 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
- [과학 에세이] 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
- [과학 에세이] 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
신경 과학
그냥 에세이
블록체인
Version 1 : 글자 겹침 현상을 해결해야 합니다.
<div class=pull-left> 를 이용해 양쪽으로 목록을 분할했지만 예기치 않은 문제에 봉착했습니다. 글자가 겹치다니...
저자의 다른 글
과학 에세이
- [과학 에세이] 양자역학, 경제학, 그리고 진화론 (1)
- [과학 에세이] 양자역학, 경제학, 그리고 진화론 (2)
- [과학 에세이] 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
- [과학 에세이] 미래에는 음성 언어가 사라질까? (1)
- [과학 에세이] 미래에는 음성 언어가 사라질까? (2)
- [과학 에세이] 종 예외주의 (1) : 들어가며
- [과학 에세이] 종 예외주의 (2) : 종의 분화
- [과학 에세이] 종 예외주의 (3) : 이기적인 종
- [과학 에세이] 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
- [과학 에세이] 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
- [과학 에세이] 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
신경 과학
그냥 에세이
블록체인
Version 2 : 글자가 너무 커서 정신 사납습니다.
그래서 <sup>(윗첨자)와 <ul>, <li>(목록)의 조합 때문에 글자겹침이 발생하므로, 글자를 다시 키워 보았습니다.
저자의 다른 글
과학 에세이
- [과학 에세이] 양자역학, 경제학, 그리고 진화론 (1)
- [과학 에세이] 양자역학, 경제학, 그리고 진화론 (2)
- [과학 에세이] 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
- [과학 에세이] 미래에는 음성 언어가 사라질까? (1)
- [과학 에세이] 미래에는 음성 언어가 사라질까? (2)
- [과학 에세이] 종 예외주의 (1) : 들어가며
- [과학 에세이] 종 예외주의 (2) : 종의 분화
- [과학 에세이] 종 예외주의 (3) : 이기적인 종
- [과학 에세이] 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
- [과학 에세이] 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
- [과학 에세이] 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
- [과학 에세이] 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
신경 과학
그냥 에세이
블록체인
Version 3 : 분류 제목이랑 항목이랑 붙이고 싶은데 잘 안됩니다.
<sup>를 두번 쓰고, <h2>(제목)을 한 번 써서 글자 크기를 맞췄더니, 글자 겹침 현상이 없어졌습니다. 그냥 이것저것 해보다 보니 얻어 걸렸습니다. 하지만, 분류 제목과 항목 사이 거리가 떠서 허전해 보입니다.
저자의 다른 글
과학 에세이
- 양자역학, 경제학, 그리고 진화론 (1)
- 양자역학, 경제학, 그리고 진화론 (2)
- 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
- 미래에는 음성 언어가 사라질까? (1)
- 미래에는 음성 언어가 사라질까? (2)
- 종 예외주의 (1) : 들어가며
- 종 예외주의 (2) : 종의 분화
- 종 예외주의 (3) : 이기적인 종
- 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
- 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
- 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
- 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
- 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
- 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
신경 과학
그냥 에세이
블록체인
Version 4 : 줄을 그어 보았습니다.
분류 제목과 항목의 거리는 더 벌어졌지만, 중간에 밑줄이 자리를 채워 넣으니 조금 더 예뻐진 느낌입니다. 스팀잇 웹에서는 제대로 보이지만, 다른 플랫폼에서는 어떻게 보일지 걱정입니다. 특히 busy에서 보는 마크 다운이 steemit과 조금 다르게 나타는 것으로 아는데, 양식이 통일이 되었으면 좋겠습니다.
저자의 다른 글
과학 에세이
- 양자역학, 경제학, 그리고 진화론 (1)
- 양자역학, 경제학, 그리고 진화론 (2)
- 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
- 미래에는 음성 언어가 사라질까? (1)
- 미래에는 음성 언어가 사라질까? (2)
- 종 예외주의 (1) : 들어가며
- 종 예외주의 (2) : 종의 분화
- 종 예외주의 (3) : 이기적인 종
- 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
- 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
- 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
- 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
- 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
- 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
신경 과학
그냥 에세이
블록체인
Version 5 : Busy에서 글자 겹침을 해소했습니다.
<ul>과 <li>를 아예 지워버리고 수작업으로 리스트를 만들었습니다. 유사한 디자인이지만, 다른 플랫폼에서도 같게 보이도록 만들었습니다. 리스트의 들여쓰기를 사용하지 못하는게 못내 아쉽습니다.
저자의 다른 글
과학 에세이
● 양자역학, 경제학, 그리고 진화론 (1)● 양자역학, 경제학, 그리고 진화론 (2)
● 교양을 위한 양자역학 (1)
● 교양을 위한 양자역학 (2)
● 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
● 미래에는 음성 언어가 사라질까? (1)
● 미래에는 음성 언어가 사라질까? (2)
● 미치오 카쿠가 말하는 양자 컴퓨터
● 카쿠와 마윈이 말하는 미래
● 종 예외주의 (1) : 들어가며
● 종 예외주의 (2) : 종의 분화
● 종 예외주의 (3) : 이기적인 종
● 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
● 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
● 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
● 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
● 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
● 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
● 교양을 위한 양자역학 (1)
● 교양을 위한 양자역학 (2)
● 여러분이 가장 먼저 배운 제2언어는 무엇입니까?
● 미래에는 음성 언어가 사라질까? (1)
● 미래에는 음성 언어가 사라질까? (2)
● 미치오 카쿠가 말하는 양자 컴퓨터
● 카쿠와 마윈이 말하는 미래
● 종 예외주의 (1) : 들어가며
● 종 예외주의 (2) : 종의 분화
● 종 예외주의 (3) : 이기적인 종
● 종 예외주의 (4-1) : 이타적인 종 ; 정의란 무엇인가
● 종 예외주의 (4-2) : 이타적인 종 ; 도덕적 동물
● 종 예외주의 (5-1) : 이기와 이타의 경계 ; 선과 악의 공존
● 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 上
● 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 中
● 종 예외주의 (5-2) : 이기와 이타의 경계 ; 이기와 이타의 진화 下
오늘의 실험은 여기에서 마치지만, 다른 아이디어가 있다면 계속 적용해 볼 생각입니다. 혹시 좋은 생각 있는 분들은 말씀 부탁드립니다.
아이고 머리야
진짜 머리 아픕니다ㅋㅋㅋ
노력에 박수를 보냅니다...
저는 못하겠어요 ㅠㅠ
한 번 꽂히니까 계속 해보게 됩니다ㅎㅎ
안녕하세요. Steemit성장과 발전 위해 투명성과 공정성을 가지고 공헌하고 있는 @OCD 큐레이터로서 활동하고 있는 @steemitjp, @solnamu 입니다.
귀하의 게시물이 @ocd international #162포스팅을 통해 전 세계에 소개되었습니다.
O.C.D팀을 Follow하시면 저희가 추진하고 있는 @ocd 프로젝트에 대해 더 깊이 아실 수 있을뿐만 아니라, 각국의 @ocd큐레이터가 엄선한 전세계 스티미언들의 가치있는 글들을 매일 확인 하실 수 있습니다.
앞으로도 양질의 컨텐츠와 함께 스팀잇에서의 왕성한 활동 기대/응원합니다.
authorized O.C.D Curator @steemitjp @solnamu for Korean,KR community.
This gem of a post was discovered by the O.C.D Team! You can follow @ocd – learn more about the project and see other Gems! We strive for transparency.
감사합니다!
오! 저도 따라해보고 싶은 정리방식이예요 !! sleeprince님처럼 글을 많이 올리면 말이죠 ㅎㅎ 좋은 팁 감사합니다~
저는 글을 얼마 안써서 저렇게 정리할 수 있는 것이랍니다. 다른 분들은 베스트, 최근 글만 정리해서 올리시더라고요ㅎㅎ
아직도 마크다운은 넘기어려운 벽입니다. 저에게는....
한참 시간이 필요할거 같아요.ㅎ
그전에 좋은 편집도구가 나왔으면 좋겠습니다.
ㅜㅜㅜ저는 못하겠어요ㅜㅜ 머리아파요ㅜㅜ
앞으로 스팀잇의 UI가 좀 더 발전하길 바랄 따름입니다.
마크다운으로 생각보다 다양한 구성을 만들 수가 있네요.
언제 오빠네미술관 작품을 리스트로 구성해 봐야겟네요.
좋은 정보 감사합니다.
약간의 노동을 감수하면 여러가지 구성이 가능할 것 같습니다.