Happyberrysboy's Blog

안녕하세요, 해피베리보이입니다.

지난번 즐겨찾기로 특정 디자인을 추가 하는 것을 포스팅 했었는데요.
오늘은 좀더 업그레이드 된 방법으로 좀더 다양한 디자인을 적용 할 수 있는 방법을 알려드리려고 합니다.

일단 1차 버전으로 구분선을 쉽게 추가 할 수 있게 먼저 개발했는데요, 추후에 이전 포스팅에서 했던 넘버링이라던지, 메뉴얼로 자기가 넣고 싶은 디자인, 대문 등을 추가해서 쓸 수 도 있도록 개발해보려고 합니다.

먼저 수많은 구분선을 대방출 해주신 @yani98 님께 감사의 말씀 드리고요..!!
@yani98 님이 방출한 구분선들을 더 활용하기 쉽게끔 개발해보았습니다요..!!

구분선 대방출 원문

포스팅에 구분선으로 멋내기 구분선 대방출 1탄
포스팅에 구분선으로 멋내기 구분선 대방출 2탄


https://steemitimages.com/DQmX57xzuAtRv2kanSBE5mJEvdgg9YtLoC6VYBj6151oQBX/%EA%B5%AC%EB%B6%84%EC%84%A0_%EB%B0%98%EC%A7%80.png

설치 및 사용법

  1. 크롬이어야 합니다.!! 또는 웨일브라우저도 가능합니다.(크롬 기반 브라우저는 가능)

  2. https://chrome.google.com/webstore/search/steem%20markdown?hl=ko << 크롬 웹스토어 클릭(위험한 곳 아녀요!!)
    image.png

  3. “CHROME에 추가”를 클릭!! 하여 설치합니다.

  4. 설치가 끝나면 우측 상단에 아이콘이 나타납니다. 일단 설치는 완료 되었습니다.
    image.png

  5. 글을 작성하러 가봅니다…!! 현재 지원하는 사이트는 steemit.com, steemkr.com, busy.org 세개입니다. 추가로 본인이 쓰시는 특정 사이트가 있으시다 하시는 분은 댓글남겨주세요.

  6. 글 작성화면으로 가셔서 설치된 아이콘을 살포시 눌러줍니다. 그러면 아래처럼 창이 나타납니다. 이름하여 Steem Markdown Design Tool(아직 기능은 뭣도 없으면서 이름은 확장 가능하게 짓고 봄) 입니다..^^;;
    image.png

  7. 추가 하시고 싶은 구분선 우측의 “Add”를 클릭하시면 글작성란에 해당 값이 추가가 됩니다.(엔터한번 쳐주셔야 아래쪽에 Preview 적용되요 ㅠㅠ)

  8. 아.. 그리고 참고로 화면 가장 아래쪽에 추가가됩니다. 중간으로 옮기시려면 복사해서 붙여 넣으시면 됩니다. ㅠㅠ 글 중간에 추가 하는 방법은 아직까진 구하지 못했어요 ㅠㅠ 한번 찾아 보겠습니다.


https://steemitimages.com/DQmWMwkX7hHM6cgtdgzbBWyDonN7jPfLzwdj6sH7xfRJnU5/%EA%B5%AC%EB%B6%84%EC%84%A0_%EB%B3%84.png

- 앞으로 개발할 부분(모두 가능한지는 모르겠으나 일단 계획은 잡아요~!)

  1. 본인이 자주 쓰는 이미지 메뉴얼로 등록 및 사용
  2. 디자인 된 넘버링 추가 할 수 있는 기능
  3. 백업 및 재로드 기능 추가

추가로 필요한 기능 있으시면 댓글 주십시오. 가능여부를 보고 확장확장 해볼 생각입니다. 그나마 스팀에 0.001% 보탬이 되보고자 노력해 보겠습니다요!!

크롬앱 만들기 해보니까 재미도 있고 해서 좀 더 열심히 만들어 볼 생각입니다.