chchaeun / blog

블로그 사용 설명서

둘러보기

블로그 아이콘과 이름을 적용하세요!

1. header.tsx를 찾으세요.

├── components
│   └── layout
│       └── header.tsx

2. headerData를 변경하세요.

const headerData = {
  icon: "블로그 아이콘 PATH",
  blog_name: "블로그 이름",
};

카테고리를 생성하세요!

1. 카테고리와 _info.md를 생성하세요. 카테고리 디렉터리 이름은 고유한 값을 가져야 합니다.

├── _posts
│   └── [category 아이디]
│       └── _info.md

2. 카테고리 정보를 입력하세요.

---
name: 카테고리 이름
thumbnail: 카테고리 썸네일
---

멋진 포스트를 작성하세요!

1. 카테고리 안에 포스트를 생성하세요. 포스트 파일 이름은 고유한 값을 가져야 합니다.

├── _posts
│   └── [category 아이디]
│       └── _info.md
│       └── [포스트 아이디].md

2. 포스트를 작성하세요.

---
title: 포스트 제목
category: 카테고리 아이디
thumbnail: 포스트 썸네일
tags: 태그1, 태그2 ...
date: 2022-00-00 00:00
---
포스트 내용을 마크다운으로 작성하세요.

프로필을 만드세요!

1. profile.md를 찾으세요.

├── _blog
│   └── profile.md

2. 프로필을 작성하세요.

---
name: 이름
description: 소개글
email: 이메일
github: 깃허브 아이디(@ 제외)
image: 프로필 사진
---

당신을 더 깊게 소개하세요!

1. about.md를 찾으세요.

├── _blog
│   └── about.md

2. 마크다운으로 소개글을 작성하세요.

블로그를 배포하세요!

1. package.json의 homepage를 수정하세요.

{
  "homepage": "https://[깃허브 아이디].github.io/blog"
}

2. env-config.js를 수정하세요.

module.exports = {
  "process.env.BACKEND_URL": !debug
    ? "https://[깃허브 아이디].github.io/blog"
    : "",
};

3. 필요한 모듈을 다운 받으세요.

npm install

or

yarn install

4. 블로그를 배포하세요.

npm run deploy