[블로그 팁] 마크다운을 활용해서 구글 블로그 포스팅 하기

마크다운을 활용한 구글 블로그 포스팅하기

긴급하게 글을 한번 엎었다.;;;

생각보다 쉽지는 않은듯
잘 적용되나 했더니 ㅠ.ㅠ

아래는 다시 작성한 글입니다.


첫 번째 시도

  1. 블로그 스팟 글쓰기 창 띄우기
  2. StackEdit프로그램의 마크다운 문법을 긁어와서 붙임
  3. 내용을 수정하여 Markdown here 프로그램으로 적용

두 번째 시도

  1. 블로그 스팟 글쓰기 창 띄우기
  2. 마크다운 문법으로 글을 작성함
  3. 부분부분 Markdown here 프로그램으로 적용
문제점은 인용구 부분이 구글 블로그 인용구 이미지랑 겹쳐짐


우선 글을 다시 써놓고 나중에 수정하자 ;;;





제목 표기


# 큰 제목
## 제목
### 부제목

라고 쓴 다음 마크다운 here 을 적용하면

큰 제목

제목

부제목




목록 만들기


* 번호가 없는 목록
* 번호가 없는 목록
1. 번호가 있는 목록
1. 번호가 있는 목록

라고 쓴 다음 마크다운 here 을 적용하면
  • 번호가 없는 목록
  • 번호가 없는 목록
  1. 번호가 있는 목록
  2. 번호가 있는 목록



인용구


> 인용구
>> 인용구안 인용구


라고 쓴 다음 마크다운 here 을 적용하면
인용구
인용구안 인용구



문단 띄우기


문단 1 내용 시작
문단 1 내용 끝

문단 2 내용 시작
문단 2 내용 끝

라고 쓴 다음 마크다운 here 을 적용하면

문단 1 내용 시작
문단 1 내용 끝
문단 2 내용 시작
문단 2 내용 끝


우선 여기까지 작성하고
다시 리포트싱 ㅠ.ㅠ

인용구 문제는 CSS를 손봐야 할 듯

인용구를 수정했다.
블로그 탬플릿을 어떤걸 쓰느냐에 따라 어디를 수정할지가 달라질 것 같다.
나는 내가 쓰고있는 Estelle | Blogger Template 에서의 수정방법을 알아냈다.

관리자-탬플릿-html 편집으로 가서
article misc 라는 곳을 찾아서 지우거나 주석처리를 해준다.
그러면 따옴표가 없어진다 ㅎㅎ

/* .article misc */
.post blockquote:before {content: '\201C'; color: #ccc; font-family: Georgia, Serif; font-size: 3em; position: absolute; top: 10px; left: 15px;}
.post blockquote:after {content: '\201D'; color: #ccc; font-family: Georgia, Serif; font-size: 3em; position: absolute; bottom: 0; right: 20px;}
.post blockquote {overflow: hidden; position: relative; display: block; clear: both; margin: 20px 0; padding: 10px 40px; font-style: italic; color: #888;}
.post blockquote p {padding: 0;}





.
Share:

Blueid search box

Recent Posts

이 광고의 타겟이 맞나요?

Blog Archive

Counting

Sponsored by

Powered by Blogger.