마크다운문법

이 블로그들은 대부분 마크다운 문법으로 만들어 질 것이다. 왜냐하면 포스팅을 하다보면 귀찮기 때문!!

귀찮음의 종착역! 마크다운 문법이란 무엇인가!

마크다운 문법이란?

마크다운 (Markdown)은 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었다. 읽기도 쓰기도 쉽다는 장점이 있다. 그루버는 마크다운으로 작성한 문서를 HTML로 변환하는 펄 스크립트도 만들었다. 확장자는 .md를 쓴다.

라고 한다.

소개받고 쓰면서 느낀 것은 에디터라는 것이다. 글자에 스타일을 부여하는.
글씨를 두껍게 하기위해 버튼을 누르던 것을 마크다운에서는 ** 두껍게 **로 바꿀 수 있다. 글을 쓰는 것과 동시에 스타일을 부여할 수 있는 것이 매력적이다.

마크다운문법 사용하기

마크다운 실행결과
# h1

h1

## h2

h2

### h3

h3

#### h4

h4

##### h5
h5

blockquote

마크다운 실행결과
> 인용문
인용문

Code Blocks

코드블럭은 Back quote 세개를 위아래로 붙여주면 됩니다.
~~~
코드블럭
~~~

1
코드블럭

인라인코드

마크다운 실행결과
`인라인코드` 인라인코드

강조

마크다운 실행결과
* 기울여쓰기* 기울여쓰기
** 굵게쓰기 ** 굵게쓰기

취소선

마크다운 실행결과
~~취소선~~ 취소선

수평선

-또는 *또는 _을 세개이상 작성

마크다운 실행결과
---

링크

마크다운 실행결과
[링크](http://example.com “링크 제목”) 링크
<https://github.com/shin-ae > https://github.com/shin-ae
[링크](#id) 링크

리스트

순서가 없는 리스트는 *,+,-으로 시작

마크다운 실행결과
- li
  • li
  • 이미지

    마크다운 실행결과
    ![alt text](/css/images/avatar.png) alt text
    ![alt text](image_URL) alt text

    제외하기

    특수부호로 이루어져 있는 마크다운 문법이다 보니 쓰고싶은 부호도 못쓰는 경우가 많은데 이럴 때에는 앞뒤로 ‘\’ 백 슬래쉬를 추가해 주면 된다. 주의할 점은 뒤에 쓰이는 제외할 문자 앞에 쓰여야 한다는 것. 말로하면 어려운데 다음 예제를 보면 이해가 쉽다.

    마크다운 실행결과
    \* 강조 \* * 강조 *
    공유하기 댓글

    Hexo 글쓰기

    헥소 서버 구동

    헥소는 내장서버를 구동하여 작업물을 확인할 수 있다.
    방법은 다음 명령어를 터미널에 입력

    1
    hexo s

    s = server를 줄인 명령어로 같은 동작을 수행한다.
    그러면

    1
    2
    INFO Start processing
    INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

    라는 결과를 받을 수 있을 것이다.
    인터넷 브라우저에서 저 주소를 입력하면 블로그 확인이 가능하다. 서버의 구동을 멈추고 싶다면 터미널에서 Ctrl+c를 두번 누르면 간단하게 서버 구동을 끝낼 수 있다.

    글쓰기

    헥소에서는 글을 만들면서 내용을 작성할 수는 없는 것 같다. 우선 터미널에서 새 파일을 생성하면

    1
    hexo new "포스트명"

    source/_posts포스트명으로 만들어진 파일이 생성되는 것을 알 수 있다.
    헥소에서는 초안 작성이라는 기능도 제공을 하는데 지금 당장 발행하고 싶지 않은 문서는

    1
    hexo new draft "포스트명"

    으로 만들 수 있다. 이 문서는 source/_drafts안에 생성된다. 이 초안 문서들은 나중에

    1
    hexo publish "포스트명"

    으로 _posts폴더로 옮겨 보여지게 할 수 있다.

    deploy

    내가 포스팅을 끝낼때마다 하는 작업이다.
    단어 뜻으로는 generate = 생성하다, deploy = 배치하다 인데 git에 연동이 되어 있다면 편하게 쓸 수 있는 기능이라는 것만 알겠다.

    우선, git을 연동하는 파일은 _config.yml로 최 상단에 위치한 파일이다.

    1
    2
    3
    4
    deploy:
    type: git
    repo: https://github.com/shin-ae/shin-ae.github.io.git
    branch: master

    이렇게 설정하고, 만약 deploer 플러그인이 없어서 작동되지 않는다면

    1
    npm install --save hexo-deployer-git

    을 사용하여 플러그인을 설치하자.
    그리고 git에 public파일을 업로드 해준다.

    명령어는

    1
    hexo g

    1
    hexo d

    g = generate, d = deploy로 간단하게 줄여서 쓸 수 있다.

    공유하기 댓글

    Hexo 시작하기

    네이버 블로그는 있었지만 따로 개인 블로그를 만들고 싶었다. 마침 스터디를 같이 하던 wonny께서도 만들 예정이라고 여러가지를 추천해주심.

    ruby기반의 Jekyll, hugo, Hexo 등을 살펴보았음. node기반이라는게 맘에 들어 헥소를 프레임워크로 사용하여
    블로그를 만들게 되었다.

    사전설정

    헥소를 설치하기 전 몇가지를 미리 설치해야함.

    node.js
    git

    NodeJS 는 구글 크롬의 자바스크립트 엔진 (V8 Engine)에 기반해 만들어진 서버 사이드 플랫폼이라고 한다. git은 버전관리 시스템. 일단 이 두가지를 설치하고 나면 다음으로 넘어가도록 하자.

    나는 git을 사용하고 있지만 cmd에서 컨트롤 하기 때문에 cmd에서 컨트롤 하는 것을 기본으로 설명하도록 하겠음.

    Hexo 설치

    1
    npm install -g hexo-cli

    헥소를 설치 했다면 타켓 의 hexo초기화를 위해 다음을 수행

    1
    2
    3
    hexo init <folder>
    cd <folder>
    npm install

    예를들면 나는 c아래에 blog 폴더를 만들어 거기에 헥소를 설치했는데 이럴 경우

    1
    2
    3
    c:\blog>hexo init blog
    c:\blog>cd blog
    c:\blog>npm install

    이렇게 써내려가면 된다.

    이렇게 hexo설치 끝!

    하지만 끝나도 끝난게 아니기 때문에 다음 포스팅에서는 테마 설치로 돌아오겠음.

    커밍쑨~

    공유하기 댓글