마크다운 & 태그 어디까지 해봤니? #3 - 핀터레스트 스타일로 포스팅해보자!

in #kr6 years ago (edited)

마크다운의 한계를 뛰어넘고 싶어서 덕질중인 @kyunga 입니다.
오늘은 신박하게 핀터레스트(Pinterest) 스타일로 포스팅하기!


글보다 사진으로 말하고 싶은날 응용해봅시다.
현재 레이아웃은 4열 이고 PC에 최적화 되어있습니다.
모바일에서 가로로 보시면 PC와 비슷하게 보실 수 있습니다.
(주의사항 : 텍스트 홍대병주의ㅋㅋㅋ)





토마토색 페인트
한번쯤은 좋지 않을까?





정원
언젠가 정원을 가져야지





장미
꽃을 말려볼래




평일휴가
평일 낮 카페가 좋아




5월은
복숭아가 생각나는달




인디핑크로즈
다크한컬러랑 잘어울려



니스
니스해변 컬러


바다보러가자
어느 바다든 좋을꺼야


모래사장으로
주근깨가 생겨도 좋아




파리컬러
이런 모노톤이었던듯해




그냥 떠나보는거
다시할 수 있을까




암스테르담
햇살 좋던날로 데려가줘






오늘의 편집이야기

책 쓰라고 했더니 딴짓이 넘나 하고싶어지네요ㅋㅋ
핀터레스트 느낌 좀 나나요? 코드는 요기에서 보실 수 있습니다.
모바일을 고려하신다면 2열이 최적인 것 같습니다.

시, 소설, 일기 등 글이 좀 있는 글에 대한 양식은,
내일 중에 소울메이트님의 글을 오마주하면서 공유해드릴께요.


기초 마크다운 익히기

이지스팀잇-마크다운을 알아보자1
이지스팀잇-마크다운을 알아보자2

고급 마크다운 익히기

낸드님의 마크다운 심화와 태그
Slay님의 왼쪽 및 오른쪽 정렬하는 법과 이미지 옆에 문단을 정렬시키는 방법


페이아웃 지난글의 소스코드는

페이아웃이 지난 글들의 소스코드는 @segyepark 님이 만들어주신,
스팀툴 에서 보실 수 있습니다.


[마크다운 & 태그 어디까지 해봤니?] 지난글
#1 - 티져 (feat.글자반 여백반)
#2 - 잡지같이 포스팅해보자


코드 응용하셔서 포스팅하시고 저를 멘션하시면,
먼지같은 보팅파워로 응원하러 갑니다 :-)

Sort:  

4단이라니 이런 혁신이 있군요!

낸드님 괜찮나요?ㅎ 근데 항상 모바일이 걸리네요 거참

유익한 정보 감사합니다. 경아님. :)

이정도만 할 줄 알아도 거의 네이버 블로그 정도로는 꾸밀 수 있는 거 같아요. 많이 써본 건 아니지만 네이버 블로그도 썩 편리한 편은 아니어서. ㅎㅎ

근데 안약이 꼭 필요해요ㅋㅋ 눈이 뻑뻑ㅋㅋ
몇 번 해보면 익숙해지실꺼에요!
이번 포스팅에선 평소에 잘 안쓰던 <sup>를 많이 썼어요ㅎㅎ

당신은 대체 못하는 것이 뭡니까 감동감동

(갬성글이라 짤 자제중) 😘😘😘😘😘😘😘

텍스트홍대병ㅋㅋㅋㅋㅋㅋ

쏭아님 안녕하세여ㅋㅋ 텍스트로만 따지면 거의 말기수준입니돠ㅋㅋㅋ

저 같은 뉴비한테 엄청 유용한 글이 아닐 수 없습니다

정말요?ㅎㅎ 링크걸어놓은거 다 마스터하시면 멋진걸 만들어내실 수 있을꺼에요!!

이 댓글도 이지스팀잇 읽고 텔레그램 봇 등록했더니 알려줘서 바로 달려 왔어요 ㅎ

아우 예뻐요!

찬사에는 윙크로!!!ㅋㅋㅋ 😘😘😘

html을 이용한 단 설정이군요. 왠지 웹 폰트도 불러올 수 있을 것 같은 기분이 드는데 테스트 해봐야겠네요! 음 스타일 태그는 안먹히네요 ㅋㅋ

네네ㅎㅎ
웹 폰트는 아직 시도 안해봤네요..!! 스타일 태그는 먹는게 없더라고요ㅋ
다음에 또 레이아웃이 생각나거든 공유하겠습니다 :-)

핀터레스트...어쩌다 검색하다 들어가면 회원 아니라서 보기도 힘들고 그래서 짜증나는데 나름 예쁘더라구요. ㅎㅎ 여기서 그 스타일 보니 반갑네요...하지만 이걸 어케 해 ㅠㅠ

덕후는 할 수 있어요...ㅋㅋ 마크다운 덕질 웰컴!!

깔끔함의 완전체군요! 유용한팁 감사합니다!😊👍

다복님 오랜만이에여!!ㅎㅎ 감사해여 >_<

... 마크 다운 그 한계는 어디인가. 아니 @kyunga 님의 능력은 어디까지인가.

마크다운에는 한계가 원래 없었던 것은 아닌지...?!!ㅋㅋㅋ
더 디테일하게 만들고 싶어요 +_+

모바일로도 멋지게 잘나오네요. 정보감사드려요.

모바일로 봐주셨군요! 감사해요 골드님ㅎㅎ

@홍보해

@kyunga님 안녕하세요. 여름이 입니다. @anysia님이 이 글을 너무 좋아하셔서, 저에게 홍보를 부탁 하셨습니다. 이 글은 @krguidedog에 의하여 리스팀 되었으며, 가이드독 서포터들로부터 보팅을 받으셨습니다. 축하드립니다!

헐! 진짜 말도안돼! 믿을 수가 없어요 이런 구성이 나오다닙!

수수님 괜찮다는거죠?ㅋㅋ
부디 많은분들에게 번져나가기를~!!ㅎㅎ

모바일에서는 표 양식도 지원이 되지 않더라고요.
미술관 포스팅에 이런식으로 적용해봐도 될까요 ㅎ

어머 르바님 당연하죵!!ㅎㅎ
각 이미지에 해당 작가 포스팅 링크까지 걸리면 완벽할 것 같아요! >_<

모바일, 가로로 봤어요. 이곳 스팀잇 맞나요? ㅎㅎ

찬사에는 윙크가 갑니다ㅋㅋㅋ 😘😘😘

멋집니다. 글이 또하나의 홈페이지 같군요..

기초부터 익혀보시고 이것저것 응용해보시길!ㅎㅎ

크어 마크다운으로 이런 게 가능하군요.ㅎㅎ
허락하시면..
코드 복사해서 언젠가 써봐야겠어요... 공부한다고 이렇게 만들지는 못할 거 같구..ㅎㅎ
시간내서 올려주신 링크글 정독해보겠습니다 감사드립니다 경아님 ^^

그럼요! 미술관님, 제가 공유하는 차원에서 포스팅하는것이니 맘껏 써주세요!ㅎㅎ

(๑˃̵ᴗ˂̵)감탄에~ 감탄입니다... 이거 정말 유용한데요... 👏👏👏👍박수 많이많이 드립니다~

또 재미있는 생각 떠오르면 공유할께요!!ㅎㅎ

저같은 컴알못에게 이런 길라잡이를 주셔서 감사합니다 ㅋㅋ

티치아노님 컴알못인지 전혀 몰랐어요ㅋㅋ 앞으로도 생각날때마다 업데이트 해볼께요~! 코드 복사해서 응용해보세요ㅎ

우와...역시 경아님이셔요!!
스팀잇에서 이렇게 멋있는 레이아웃이..!!!!

핑크피그님 오랜만이에요!! 반가워라!! 돌아오셨어요?ㅎㅎ

우와~ 역시... 최고네요!! 레이아웃, 사진들 모두 예술입니다~! :)

음..다음엔 인스타느낌이나 갤러리 느낌도 시도해볼께요! 사진 올리시는분들을 위해서ㅎㅎ

감사합니다~!! :-)

허거~ 스티밋이 이런 느낌일수가 있군요
역시 쓰는 사람이 문제인가봐요ㅎㅎ

이것저것 연구중입니다ㅋㅋ
(제가 감성충이라서요)

아...아기자기하고 이뻐요. 그림과 그 밑의 멘트도 넘나 센스 넘치네요!!!!

에빵님 감사해여ㅋㅋ 홍대병에 걸린 제 포스팅을 좋아해주셔서ㅎㅎ

이런거 너무 좋네요.
저도 조만간 경아님 소스 재활용해서 멋드러지게 포스팅 한번 해 봐야 겠어요~~ ㅎㅎ

스칸님 감사합니다ㅋㅋ 사실 저번에 건담포스팅 4시간 걸렸다고 쓰신거 보고 '헉' 했었는데ㅋㅋㅋ
제 소스 사용해서 편집 시간 줄어든다면 좋겠네염!! 😉
갬성 포스팅 기대하겠습니돠!ㅋㅋ

경아님 글만 제대로 따라해도 예쁜 레이아웃 걱정은 없겠는걸요^^
저도 한번 써봣어요~

예은님 감사해여ㅎ 제가 다음주중에 소울메이트님 글로 올릴껀데, 별다를것은 없지만 그 양식도 도움이 된다면 좋겠네요!!

당장은 아니어도 조만간 쓸일이 있을지 모르겠습니다.
좋은 글 감사드립니다!

티 라벨같은걸로 포스팅하면 정말 예쁠것 같지 않나요?ㅎㅎ
티를 좋아하시는듯하여 생각났어요.

티 라벨도 모아놓으면 예쁠 것 같긴합니다.
매번 좋은 배움 잘 보고 있어요! 조금만 더 생각해보고 해보려구해요.
아직 올리기 급급해서 제대로 소화를 못한 거 같아요.ㅎㅎ.....ㅠㅠ

편집이 정말 보기좋네요^^
이런 꿀정보 리스팀 해갑니다.
저도 언젠가는 더 멋진 글을 작성할 날을 고대하며 !!!

리스팀 감사합니다!!
시도하시면 분명 가치가 있을꺼에요ㅎㅎ

경아님.. 이러다 스팀잇 마크다운 홍보대사로 임명되겠어요.ㅋㅋ 나날이 업그레이드 되는 모습 놀랍네요.

야매로 막 만들고 있는데 다행히 생각보다 쓸만한가 봐요ㅋㅋ
재미있을때까지만 딱 해보고 재미없으면 떄려칠...ㅋㅋ꺼에요ㅋㅋ

장인은 도구를 탓하지 않는다는걸 배우고 갑니다.

과찬입니다! 감사해요 키위님ㅎㅎ

리스팀♡ 한번 해보고 싶어요^^
사진마저 다 이쁨니다요~

미미스타님 감사해여!! 사진은 https://unsplash.com/ 아시죠?ㅎ
무료사진사이트중에 제일 예뻐요. 들어가 보세요!ㅎㅎ

사진 자체도 이쁘고 꼭 사진첩 같네요. 저도 이번에 놀러가서 사진찍음 다음 도전해 봐야겠네요. 근데 폰이 홍미4프라임이라...^^;;

사진을 구하기 힘드시면 https://unsplash.com/ 추천드려요!
전부 무료이고, 상업적으로 사용해도 괜찮은 사진들이에요ㅎ

이런건 리스팀이죠 ㅎㅎㅎ 좋은 정보 감사해요

코드 응용하셔서 포스팅하시고 저를 멘션하시면,
먼지같은 보팅파워로 응원하러 갑니다 :-)

이 말 보니 보팅받고 싶어서 코드 응용해봐야겠어요^^ 두고두고 보기 위해 팔로잉하고 리스팀하겠습니다.

핀터레스트! 저도 목공관련 작품들 많이 보러가는데 ㅎㅎㅎ
지금 모바일이라 PC로도 보고 싶어요^^
역시 퍼블리셔의 능력은 ㅎㄷㄷ 한거 같아요~^^

경아님 포스팅에는 고급짐이 줄줄줄 흐릅니다. 매력쟁이십니다^^

넘 유용한 포스팅 감사합니다 :D 리스팀해가요!

역시 볼때마다 놀라움의 연속!🤠👍🏻

우아 진짜 유용한 정보 감사드려요!!!!

스에상에... 이런게 가능했다니
진짜 신세계네요 ㅋㅋㅋㅋㅋ 경아님 연금술사세요??????

진짜 마음에 드는거 만들어놨어요ㅋㅋ (수줍)
이번주안에 공개합니당!! >_<

경아님의 포스팅(소스)을 보고 배워 포스팅을 해봤는데..
상당히 어려운데요?! 어떻게 하셨어요?ㅠㅠㅎㅎ
직접해보니 쉬운게 아니라는 것을 깨달았어요..

하고자 한다면 할 수 있게 됩니다..!!!!ㅋㅋㅋ

오메 이것이 무엇입니깤ㅋㅋㅋ 대박이네요 👏👏👏

꼭 써먹고, 멘션해보도록 하겠습니다. 좋은 정보 감사합니다. ^^