Jini's Blog

Ing...

  • Home
  • Business
    • Internet
    • Market
    • Stock
  • Parent Category
    • Child Category 1
      • Sub Child Category 1
      • Sub Child Category 2
      • Sub Child Category 3
    • Child Category 2
    • Child Category 3
    • Child Category 4
  • Featured
  • Health
    • Childcare
    • Doctors
  • Home
  • Business
    • Internet
    • Market
    • Stock
  • Downloads
    • Dvd
    • Games
    • Software
      • Office
  • Parent Category
    • Child Category 1
      • Sub Child Category 1
      • Sub Child Category 2
      • Sub Child Category 3
    • Child Category 2
    • Child Category 3
    • Child Category 4
  • Featured
  • Health
    • Childcare
    • Doctors
  • Uncategorized

구글 Blog + Markdown(StackEdit)

 Jini     오후 9:24     markdown, stackedit     No comments   

구글 Blog + Markdown(StackEdit)

StackEdit

  • 구글 블로그는 글에 스타일을 적용하기 힘들다.
  • 쉽게 스타일을 적용하기 위해 Markdown 문법 적용을 고려함.
  • 방법을 찾던 중 StackEdit(https://stackedit.io)를 발견하고 활용하기로 결정
  • StackEdit를 선택한 이유는 작성한 글을 구글 블로그에 쉽게 Publish 할 수 있기 때문

Publish

  1. 구글 계정만 있으면 구글 블로그에 쉽게 Publish 할 수 있다.
  2. Publish 하는 방법은 간단해서 StackEdit 페이지를 방문 후 조금만 살펴보면 쉽게 연동이 가능하다.
  3. StackEdit 연동시 헷갈렸던 점은 아래와 같다.
    • StackEdit는 구글 블로그에 Plug-in 형태로 적용하는 Editor가 아니다. StackEdit는 작성한 글을 구글 블로그에 쉽게 Publish 해주는 기능을 제공하는 사이트이다.
    • 구글 블로그 테마중에서 StackEdit와 호환되지 않는 테마가 있다.

장점

  • Markdown 문법 사용이 가능하다.
  • 표는 물론이고 다이어그램, 복잡한 수학식도 작성할 수 있다.
  • 구글 블로그와 연동하기 쉽다.
  • 한 번 연동된 게시물은 계속적으로 Update가 가능하다.
  • 구글 블로그 뿐만 아니라 Dropbox, GitHub, WordPress, Zendesk와도 연동이 가능하다.
  • 별도 Plug-in을 설치하는게 아니라 사용법이 간단하다.
  • 글 라벨 등록도 가능하다.

단점

  • 구글 테마중에서 SlackEdit로 Publish 했을 때 충돌나는 테마가 있기 때문에 충돌나지 않는 테마만 사용해야 한다.
  • 블로그 전체적으로 “https://stackedit.io/style.css” 가 일괄적으로 적용되므로 구글블로그에서 설정한 값들이 적용되지 않을 수 있다.
  • 이미지 올리는 방식에 대한 확인 필요.

커스터마이징

  • StackEdit 적용 후 블로그에 적용된 "https://stackedit.io/style.css"로 인해 마음에 들지 않는 부분들 수정함.
  • [수정] 본문 font-size : 110% → 1.0em
     .post-body{
        font-size: 1.0em;
        line-height: 1.4;position: relative;
      }
    
  • [추가] 위젯의 font-size : 16px → 13px 로 변경
    div#sidebar-right-1 {
      font-size : 13px;
    }
    
  • [추가] 본문글의 margin-bottom : 180px → auto
    div.stackedit__html {
      margin-bottom: auto;
    }
    

참고사이트

  • Syntax 문법 : https://daringfireball.net/projects/markdown/syntax
  • StackEdit 설명문서 : https://stackedit.io/Welcome document.pdf
  • Code Syntax Highlighting 문법 : https://help.github.com/articles/creating-and-highlighting-code-blocks/

    Note: GitHub’s fenced code blocks are also supported with Highlight.js syntax highlighting:

  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
이메일로 전송BlogThis!X에 공유Facebook에서 공유
최근 게시물 이전 게시물 홈

0 Comments:

댓글 쓰기

Popular Posts

  • 구글 Blog + Markdown(StackEdit)
    구글 Blog + Markdown(StackEdit) StackEdit 구글 블로그는 글에 스타일을 적용하기 힘들다. 쉽게 스타일을 적용하기 위해 Markdown 문법 적용을 고려함. 방법을 찾던 중 Sta...
  • Design Patterns
    01. Iterator Pattern 왜 for문을 사용하지 않고 Iterator를 구현할까? 기존 구문 변경없이 loop 순환이 가능함. 즉 특정 구현에 의존하지 않을 수 있게 디자인이 가능함. 02. Adapter Pat...
  • 자신의 목표를 설정하는 방법
    1. 목표세우기 : 목표를 세울때는 가능한한 구체적이어야 한다. 또한 평가할 수 있고 실현 가능성이 있는 목표를 정한다. 장기 목표와 단기 목표로 나누고 데드라인을 분명히 하는 것이 좋다. 2. 우선순위 정하기 : 자신의 생활에서 중요한 순서대...
  • Redmine Text Format
    1. 글자색상 변경 %{color:red}dev% 2. 음영색상 변경 %{background:lightgreen} lightgreen% 3. 문단 넘버링(띄어쓰기 주의) # 큰 제목 ## 큰제목의 하위 제목 # 두번째 큰 제목 # ...

Recent Posts

Recent Posts Widget

Blog Archive

  • ►  2023 (4)
    • ►  3월 (1)
    • ►  2월 (1)
    • ►  1월 (2)
  • ►  2022 (1)
    • ►  2월 (1)
  • ►  2020 (8)
    • ►  7월 (1)
    • ►  4월 (3)
    • ►  3월 (4)
  • ▼  2018 (1)
    • ▼  7월 (1)
      • 구글 Blog + Markdown(StackEdit)
  • ►  2015 (1)
    • ►  5월 (1)
  • ►  2014 (5)
    • ►  8월 (1)
    • ►  7월 (1)
    • ►  6월 (1)
    • ►  5월 (1)
    • ►  1월 (1)
  • ►  2013 (10)
    • ►  12월 (1)
    • ►  11월 (1)
    • ►  9월 (2)
    • ►  8월 (3)
    • ►  7월 (3)
  • ►  2012 (1)
    • ►  3월 (1)

Categories

  • 객체지향 (1)
  • 도서요약 (1)
  • 문법에서 문장까지 (2)
  • 일상 (1)
  • 자기계발 (1)
  • 책 (1)
  • 키보드 (1)
  • 키크론 (1)
  • blogspot (2)
  • error (1)
  • exception (1)
  • GIT (1)
  • JAVA (6)
  • JUNIT (1)
  • K8 PRO RGB (1)
  • kafka (1)
  • markdown (1)
  • mongodb (2)
  • mongotemplate (1)
  • optional (1)
  • Oracle (4)
  • Redmine (1)
  • spring (1)
  • stackedit (1)
  • troubleshooting (1)
  • Visual Studio (1)
  • Webflux (1)

Unordered List

Pages

  • 홈

Text Widget

Categories

Tags

Facebook

  • Home
  • Features
  • _Multi DropDown
  • __DropDown 1
  • __DropDown 2
  • __DropDown 3
  • _ShortCodes
  • _SiteMap
  • _Error Page
  • Documentation
  • Video Documentation
  • Download This Template

Footer Menu Widget

  • Home
  • About
  • Contact Us

Social Plugin

JINI. Powered by Blogger.

Copyright © Jini's Blog | Powered by Blogger
Design by Hardeep Asrani | Blogger Theme by NewBloggerThemes.com | Distributed By Gooyaabi Templates