[이지스팀잇] 마크다운에 대해 알아보자 #2 - [easysteemit] What`s Markdown? #2 : @forhappywomen / @carrotcake

in #kr7 years ago

daemoon.png

<hr /> <blockquote> <p dir="auto"><strong><span>글 : <a href="/@forhappywomen">@forhappywomen<br /> <strong><span>대문&그림 : <a href="/@carrotcake">@carrotcake <hr /> <p dir="auto">안녕하세요. 지난 편에 설명드렸던 마크다운은 어느정도 이해가 되시나요?<br /> 마크다운으로 글을 꾸미는 방법에 대해서 배웠다면, 더 다양한 활용에 대해서 알아봅시다. <p dir="auto">사실 활용에는 다양한 방법이 있어서 여기에서 설명드리는 내용 말고도 많습니다. 다른 스티미언님들의 글을 살펴보면서 본인의 스티밋 마크다운을 연습해보시면 조금씩 조금씩 나아지는 모습을 보실수 있을거에요! <p dir="auto">오늘은 이해의 편리성을 위해서 GIF로 준비해보았습니다. <p dir="auto">이제 한번 살펴 볼까요?! 가즈앗!! <h2><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"> 1. 스티밋 ID를 링크를 걸어볼까요? <p dir="auto">너무 간단한 방법입니다. easysteemit 을 언급하고 싶다면 <code>@easysteemit이라고 입력만 하시면 됩니다. 참고로 이런 방식(@)으로 언급되는 아이디는 '텔레그램 혹은 웹사이트'를 통해서 확인 할 수 있습니다. 스티밋ID를 언급하고 싶다면 <code>@를 꼭 기억해주세요! <p dir="auto"><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmf1ZQQgE441uHt8QMenhtkLV1mvTqsoXHrn2hhDyKmsf8/1.easysteemit.gif" /> <hr /> <h2><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">2.웹사이트 URL을 보여주면서 링크를 걸고 싶은가요? <p dir="auto">웹사이트 주소를 입력하면, 링크가 바로 걸립니다. 하지만 웹사이트의 URL http:// 또는 https:// 까지 입력을 해주셔야하는 점 잊지마세요!! <h2><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmZeES4eGfHkeXQJfwHueFfVFhmaHjSxj11fa1mexnF8uD/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4.gif" /> <h2><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">3.웹사이트 URL을 보여주지 않으면서 링크를 걸고 싶은가요? <p dir="auto">가장 많이 활용하는 방법입니다. 이 방법을 설명하기 위해서 위의 2개를 썼다고 해도 과언이 아닙니다. 이 방법은 꼭 기억하셔야합니다. <code>[보여주고 싶은 내용](http://홈페이지주소.com) <p dir="auto"><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmUwLBENRujuKYj6RD8P7DW1GUaqXyfjPiqXB5Fdu3sSAX/3.%20%EC%8A%A4%ED%8C%80%EC%9E%87%20%EA%B0%80%EC%A6%88%EC%95%97.gif" /> <hr /> <h2><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">4.링크를 진하게 보이게 하고 싶으세요? <p dir="auto">스팀잇에서는 색깔 지정은 할 수 없는데, 링크가 너무 눈에 잘 안보인다구요? 해결할 수 있는 방법이 있습니다. <p dir="auto"><code># [4.링크를 진하게 보이게 하고 싶으세요?](https://steemit.com) 처럼 입력하면, 크게 나옵니다. <code>#,##, ###, #### 등을 이용하여 크기 조절할 수 있습니다.<br /> <code>**[4.링크를 진하게 보이게 하고 싶으세요?](https://steemit.com)** 처럼 입력하면 Bold 체로 나오게 됩니다. <p dir="auto">한번 <code>회색음영처리된 부분을 복사해서 붙여보세요. <p dir="auto"><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQma6qr34ZbiTH8dVif4kUgS1ohsMDyPRCzDF9yva2y5MYH/4.bold%EC%B2%B4%20%EB%A7%8C%EB%93%A4%EA%B8%B0.gif" /> <hr /> <h2><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">5. 그림을 URL로 가져와볼까요? <p dir="auto">그림 업로드하는 방법은 'text'편집기 아래쪽의 '직접 업로드'를 이용하시거나, 클립보드에서 끌어올 수 있습니다. 하지만 다른 곳에 업로드 된 이미지의 주소를 이용해서 넣을 수도 있습니다. 주의하실 점은 URL을 가져와도 그 이미지를 다시 steemitimages.com에 저장한다는 것은 꼭 기억하셔야 합니다. <p dir="auto"><strong>저작권의 문제가 있을 만한 내용은 가져오시면 안됩니다!!! 강조 강조 또 강조!!! <p dir="auto">1.그냥 붙여도 끝!<br /> 2.<code>![그림 설명](홈페이지 URL) 써도 끝~<br /> <img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmXUJEah51fxirqbEywn5UfbuYMDgJybn5Vte8JicuX5Px/5.%20%EA%B7%B8%EB%A6%BC%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0.gif" /> <hr /> <h2><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">6. 그림에 링크를 넣어볼까요? <p dir="auto"><img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmciKasyidWPpJixPPciw4NcWxsZW7SJ4krsP4UpvUQpZ6/%ED%8F%AC%EB%A7%B7%EB%B3%80%ED%99%98_%EA%B7%B8%EB%A6%BC7.jpg" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmciKasyidWPpJixPPciw4NcWxsZW7SJ4krsP4UpvUQpZ6/%ED%8F%AC%EB%A7%B7%EB%B3%80%ED%99%98_%EA%B7%B8%EB%A6%BC7.jpg 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmciKasyidWPpJixPPciw4NcWxsZW7SJ4krsP4UpvUQpZ6/%ED%8F%AC%EB%A7%B7%EB%B3%80%ED%99%98_%EA%B7%B8%EB%A6%BC7.jpg 2x" /><br /> 잘 이해가 안되시는게 당연합니다. <code>[![①](②)](③) 를 Ctrl+C -> Ctrl +V 해봅시다. 그리고 각 번호에 아래의 내용을 하나하나씩 넣어봅시다. <p dir="auto"><code>[![대체텍스트](https://steemitimages.com/~/OOOO.jpg]](https://steemit.com) 처럼 이용하시면 됩니다. <blockquote> <p dir="auto">①: 생략해도 됩니다. 그림의 대체 text<br /> ②: 그림 URL<br /> ③: 링크로 연결한 웹사이트 <p dir="auto">생각보다 어렵죠? 많이 사용하지는 않습니다만, 다른 웹사이트로 링크시키기 위해서는 알고 있으시면 좋습니다. <h1><a href="#" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">7. 논문에 쓰던 주석을 달아봅니다 <code>[^1] & [^1]: <p dir="auto"><code>[^1] 과 <code>[^1]:홈페이지 URL은 자동으로 연결됩니다.<br /> <img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmT13Ryg8hNent694kfXjHvH9EeE83iQFHgFVz3hLbvfJK/%EA%B7%B8%EB%A6%BC8.png" alt="그림8.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmT13Ryg8hNent694kfXjHvH9EeE83iQFHgFVz3hLbvfJK/%EA%B7%B8%EB%A6%BC8.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmT13Ryg8hNent694kfXjHvH9EeE83iQFHgFVz3hLbvfJK/%EA%B7%B8%EB%A6%BC8.png 2x" /><br /> <img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmdQoecJxSGAffpNVb6gjwdzC5NVsSPkujAPhd32BXn8pw/%EA%B7%B8%EB%A6%BC9.png" alt="그림9.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmdQoecJxSGAffpNVb6gjwdzC5NVsSPkujAPhd32BXn8pw/%EA%B7%B8%EB%A6%BC9.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmdQoecJxSGAffpNVb6gjwdzC5NVsSPkujAPhd32BXn8pw/%EA%B7%B8%EB%A6%BC9.png 2x" /> <p dir="auto">간단하게 쓰려고 했는데, 전혀 간단하지 않네요?! 조금 어려운 내용이지만 익숙해지시면 금방금방 하실거에요!! 아무쪼록 스팀잇에 더 멋진 글을 쓰시는데 도움이 되면 좋겠습니다. <hr /> <p dir="auto"><img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmcm4kdJzwJZuTbg1EMUQxb7ShenjNWVASfjURSiisxh4a/EasySteemit_mockup3.png" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmcm4kdJzwJZuTbg1EMUQxb7ShenjNWVASfjURSiisxh4a/EasySteemit_mockup3.png 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmcm4kdJzwJZuTbg1EMUQxb7ShenjNWVASfjURSiisxh4a/EasySteemit_mockup3.png 2x" /> <h3>[이지스팀잇] 목 차 <ul> <li><span>표지 : <a href="/@carrotcake">@carrotcake , 삽화 및 4컷만화 : <a href="/@carrotcake">@carrotcake <li><span>서문 : <a href="/@clayop">@clayop <li><span>스팀잇 초보를 위한 프로젝트 - 이지 스팀잇 : <a href="/@segyepark">@segyepark <li><span>스팀잇 알아보기, 스팀잇이란 : <a href="/@twinbraid">@twinbraid <hr /> <hr /> <ul> <li>스팀잇 입문<br /><br /> -비밀번호를 잘 간직하자<br /> -패스워드 관리와 LastPass를 써보자<br /><br /> -활동의 첫걸음은 자신을 어필하는 프로필<br /><br /> -첫보팅을 하고 댓글을 달아보자<br /><br /> -introducemyself, kr, kr-newbie 태그를 달고 시작해보자<br /> -사진넣기<br /><br /> -kr과 new를 조합<span> 가입을 해보자 : <a href="/@segyepark">@segyepark<span> 프로필 그림을 올려보자 : <a href="/@forhappywomen">@forhappywomen<span> 첫번째 보팅과 첫번째 댓글 : <a href="/@twinbraid">@twinbraid<span> 첫번째 글 : <a href="/@forhappywomen">@forhappywomen<span> 태그와 메뉴를 알아보자: <a href="/@familydoctor">@familydoctor <hr /> <hr /> <ul> <li>스팀잇 초보<br /><br /> -마크다운 프로그램에서 글을 써보자<br /> -마크다운없이 글을 써보자<br /><br /> -보팅파워, 보팅보상을 알아보자<br /><br /><br /> 7일의 룰과 박제되는 글과 저작권<span> 마크다운이란 <a href="/@familydoctor">@familydoctor<span> "보팅은 무한대?" "풀보팅이란?" <a href="/@familydoctor">@familydoctor<span> 팔로우와 리스팀을 해보자 <a href="/@familydoctor">@familydoctor<span> 내 글에 mp3로 배경음악을 넣어보자 <a href="/@familydoctor">@familydoctor <hr /> <hr /> <ul> <li>스팀잇 중수<br /><br /><br /><br /><span> 보상버튼을 클릭하여 보상을 받아보자 : <a href="/@forhappywomen">@forhappywomen<span> 보상환전 머리말 : <a href="/@twinbraid">@twinbraid<span> 거래소를 알아보자 : <a href="/@twinbraid">@twinbraid<span> 블록트레이더로 스팀달러를 이더로 바꿔서 보내보자 : <a href="/@twinbraid">@twinbraid <hr /> <hr /> <ul> <li>스팀잇 고수<br /><br /><br /><span> 프로모션은 무엇인가? : <a href="/@forhappywomen">@forhappywomen<span> 툴 이용법 소개 : <a href="/@segyepark">@segyepark<span> 스팀파워 임대를 줘보자 : <a href="/@forhappywomen">@forhappywomen <hr /> <h5>위와 같은 목차 순서대로 글이 올라올 예정입니다. 많이 피드백해주시고 의견남겨주세요!ㅎㅎ 완결이 되면 pdf 파일로 스팀잇에서 무료로 배포할 예정이며, 실제 서적은 출판예정에 있습니다. 피드백 주신 것을 보완 수정하여 정식 책자에 반영하겠습니다. 아무쪼록 스팀잇을 사랑하는 우리 모두의 염원이 담긴 책이 탄생하길 기대합니다. <hr /> <h4>Hi, guys. We are making an instructional book for new steemit users. The book will be distributed for free in pdf file. It will be available in Korean and translated into other languages. Please support our project! <hr /> <p dir="auto">日本の皆様。私たちは新規steemitユーザー向けにガイドブックを作成いたしました。このガイドブックはpdfファイルで無料配布されます。始めは韓国語で提供されますが、順次日本語を含め他の言語に翻訳される予定です。今後とも私たちのプロジェクトをサポートしていただきたく存じます。 <hr /> <p dir="auto"><img src="https://images.hive.blog/0x0/https://steemitimages.com/DQmW6jGT7EaBB2aUGRv23JMBMAtjQLgvDcUmvqXadQJt2kA/KakaoTalk_20180117_084851552.gif" alt="KakaoTalk_20180117_084851552.gif" />
Sort:  

Cheer Up!

  • from Clean STEEM activity supporter

유용한 팁 감사드립니다 ^^

Interesting. Im supporting you. Im waiting for that book

모두 뉴비들에게 유용한 팁들이네요ㅎㅎ

thank you, your post

thanks. have a nice day

대단한정보 감사합니다!

오늘도 많이 배우고 갑니다.
실전에 써먹을 수 있도록 연습해야 겠습니다.

너무 유용한 팁들을 알려주셔서 큰 도움이 될 것 같습니다!!
계속 보면서 해봐야겠어요~ㅎㅎㅎ 책도 너무나 기대됩니다! 응원합니다~
팔로우 하고갑니당

글씨 굵기는 제게 꼭 필요한 정보였는데 너무너무 감사해요 !!!

스팀잇 처음 시작하시는 분들에게 너무 좋은 정보가 될거 같애요^^

감사합니다! 여태까지 html양식으로 썼었는데 훨씬 간편하네요!

친절한 설명 감사합니다 ^^
링크도 여러가지 방식으로 표현할 수 있군요!

좋은 내용 감사합니다~^^

딱 원하던 정보였습니다. ㅎㅎ 몇일전에 봤으면 더 좋았겠지만! 진짜 깔끔하게 항상 뉴비를 위하는 마음에 감동합니다 ㅠㅜ

아쉽습니다 ㅠㅠㅠ 빨리 올렸으면 도움을 받으셨을텐데요!!

주석다는 법이 항상 궁금했는데 감사합니다!

덕분에 마크다운을 공부하게되었습니다. 감사합니다.

gif 형식으로 만들으셔서 더 눈에 들어오네요!!

유용한 글 감사드립니다~

주석은 처음 봤습니다! 감사합니다~

오우..이런게 있었다니 몰랐네요 ㅠㅠ 맨날 글씨 진하게하는것도 모르고 ㅠㅠ 그랬는데..감사합니다

정말 좋은 정보 모아주셔서 감사합니다! 리스팀하고 보팅하고 가요

감사합니다~ 리스팀하고 해보겠습니다!
스팀잇은 들어올때마다 새로 해볼 것들이 보여서 지루할 틈이 없네요 :)

우왕 정말 유용한 정보입니다. 링크다는 방법 정말 감사합니다!!

잘보고 공부하고 있습니다~^^ 보던중 오타를 발견하여 댓글 달아요. 6. 그림에 링크를 넣어볼까요? 에서 (그림url) 이 (그림url] 로 되어 있습니다.

좋은 자료 감사합니다.

팔로우 하고 갑니다^^ 이렇게 유용한 내용을 이제서야 접하게 된 제가 원망스럽습니다. 감사합니다^^

주석다는 법을 배웠네요. 감사합니다!