Gatsby 블로그 만들기 1

시리즈 및 연재글 작성 템플릿

연재글을 작성할 때에는 동일 폴더에 동일한 이름_숫자.md 형태로 파일명을 지정한다. 추후 Static Generation 과정에서 마지막_를 제외하고 동일한 이름은 연재글로 간주한다. 연재글의 경우 우측 상단에 연관된 글에 대한 리스트를 제공한다.

code block에 라인넘버를 표기 하기 위해서는, prismjs의 옵션을 변경하여 준다. 일반적으로 code block에서 언어를 인지하기 위해 작은따옴표3개 뒤에 다음과 언어를 표기해 준다. 이 언어 뒤에 중괄호{,}를 사용하여 강조하는 라인을 지정할 수 있다.

javascript{강조 라인1, 강조라인2}

다음은 일반적인 코드 블럭이다. 기본적으로 prism highlight가 적용되어 있다.

const App = () => {
    // This is a comment!
    return 'I am returning a string';
}

다음은 1,3라인을 강조한 결과이다.

const App = () => {    // This is a comment!
    return 'I am returning a string';}

npm 패키지 설치

npm install <package name>

install 대신 i를 사용할 수 있다. npm -i <package name>

options

• --save-dev : 개발환경에서만 사용(-D 옵션과 동일). npm i -D <pakcage name>
• --global : 콘솔에서 명령어 처럼 동작 (-g 옵션과 동일)

github

$ npm install gh-pages --save-dev

대부분의 gatsby의 theme에는 이미 적용이 package.json 되어 있다.

// package.json
"deploy": "gatsby build && gh-pages -d public -b master",

$ git remote add origin https://github.com/sjwind/sjwind.github.io.git
$ git add .
$ git checkout -b develop
$ git commit -m "first commit"
$ npm run deploy

이런 에러가 발생할 수 도 있다.

remote: Invalid username or password.
fatal: Authentication failed for 'https://github.com/sjwind/sjwind.github.io.git/'