1
2
3
4
5
6
7

```json
"scripts": {
    // ...
  "format": "prettier --write src/**/*.ts{,x}",
  "lint": "tsc --noEmit && eslint src/**/*.ts{,x}"
}
```

1
2
3
4
5
6
7

```json
"scripts": {
    // ...
  "format": "prettier --write src/**/*.ts{,x}",
  "lint": "tsc --noEmit && eslint src/**/*.ts{,x}"
}
```

• github repo의 md파일을 보면 json안의 주석이 빨간색으로 표시될 때..
• json 대신 jsonc 를 사용하면된다
• json with comments 라는 뜻이다

1
2
3
4

![](/img/avatar20200926.png)

<img src="" >
<!-- 더이상 이거 안써도된다. -->

• ![]() 이게 훨씬 간편한 것 같다

1
2
3
4
5

오호호

```js tmp.js
console.log(1);
```

• 이렇게 스니펫으로 ``` 을 표현할 수 있다

하는 법

1
2
3
4
5
6
7

````md tmp.md
오호호

```js tmp.js
console.log(1);
```
````

• 바깐 스니펫의 ` 개수를 4개
• 안쪽 스니펫의 ` 개수를 3개로 하면 된다

• vscode에서 markdown open preview를 사용하면된다

markdown open preview

• ctrl shift v 를 누르면 마크다운 미리보기를 할 수 있다
• 마크다운 미리보기창이 열리면 ctrl alt →키를 통해 옆으로 옮겨서 볼 수 있다
• 실시간으로 반영되니 마크 다운 쓸때 엄청 유용하다!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<img src="https://chinsun9.github.io/img/avatar.png" >

- 상세 설명1
- 상세 설명2

## h2

- 그러하다

### h3

- 그러하다
- 종종 [링크](https://chinsun9.github.io/img/avatar.png)

## 코드 스니펫

```js tmp.js
console.log(hi);
```

• 나는 블로그에 글 쓸때 이렇게만 쓴다

• 위 처럼 작성하면 결과는…

  
  • 상세 설명1
  • 상세 설명2

  h2

  • 그러하다

  h3

  • 그러하다
  • 종종 링크

  코드 스니펫

  1	console.log(hi);

• hexo에서 포스트 하는법!
• CRUD로 비유하여 알려줍니다

C

• 새 포스트 쓰기

  hexo new "새 포스트"

• 위 명령으로 새 포스트를 만든다

• source/_posts/새-포스트.md

• 경로에 새로운 md가 만들어 진다

• 해당 md를 열어 마크다운을 활용해서 글을 쓴다

• 마크 다운 사용법은 여기 참고한다

• hexo 사용법은 여기 참고한다

R

• 포스트 읽기
  hexo server
• 위 명령으로 로컬에서 내가 쓴 포스트가 잘 나오는지 확인해본다

U

• 포스트 수정하기
• source/_posts 경로에서 수정하고 싶은 포스트를 찾아 수정한다

• 업데이트 시각은 자동 갱신되니까 걱정하지 말도록

D

• 포스트 삭제하기

• source/_posts 경로에서 삭제하고 싶은 포스트를 찾아 삭제한다
• 그냥 글을 숨기고 싶다면 source 디렉터리 바깥으로 뺀다

APPLY

• 위 과정을 통해서 포스트를 CRUD 해봤다
• 이제 깃허브 페이지에 적용시키고 싶다면 아래 명령을 사용한다
  hexo generate & hexo deploy

1
2

let message = '로그를 찍는 코드';
console.log(message);

• 정말 쓸일이 많다. 블로그를 한다면..

.md에서 코드 블럭 표시하기

source/readme.md 생성

_config.yml 에서 skip_render에 readme 추가

1
2
3
4

i18n_dir: ':lang'
skip_render:
  - readme.md
new_post_name: ':title:year:month:day.md'

의문

• skip_render에 추가했는데 어째서인지 readme.html이 자동생성된다..
• gitignore에도 추가해 보았는데 무시가 안된다

참고