🚀

어떻게 시작할까요?

🧪 테스트 환경

NodeJS v22.13.0
yarn 1.22.22

🛠️ 환경 설정

1. NodeJS↗ 설치

2. yarn 설치

   npm install -g yarn

3. gatsby-cli 설치

   yarn global add gatsby-cli

4. Gatsby 블로그 생성

   gatsby new your-blog-name https://github.com/rundevelrun/gatsby-starter-rundevelrun.git

🚀 개발 환경 구동

아래 과정을 거친 후 http://localhost:8000으로 접속

1. 의존성 패키지 설치

   cd your-blog-name
   yarn install

2. 구동

   yarn develop

☺️ 사용자화

blog-config.js의 내용 수정

module.exports = {
  title: "YOUR:BLOG:NAME",    // SEO Blog title
  headerTitle: "YOUR:<em style='color:#ed6c02'>BLOG</em>:NAME", // Logo 1
  headerSubTitle: "<em style='color:#ed6c02'>YOUR</em>:BLOG:<em style='color:#ed6c02'>NAME</em>", // Logo 2
  copyright: "©YOUR:BLOG:NAME", // copyright in footer
  author: "YOUR:NAME",  // Your Name
  siteUrl: "https://6developer.com/", // Your Site URL
  description: "Hi, Nice to meet you !",  // Blog description
  links: {
    github: "https://github.com/rundevelrun",
    ...
  },
  giscus: {
    ...
  },
  adsense: {
    ...
  }
}

📝 게시글 작성

1. contents/posts 폴더에 게시글 파일 생성 (두가지 방법)

   1. pathname으로 사용할 이름의 폴더를 만들고 하위에 'index.md'를 생성
   2. pathname으로 사용할 이름으로 *.md 파일 생성

2. frontmatter 작성

   ---
   emoji: "🚀"
   title: "어떻게 시작할까요?"
   date: 2025-01-19 13:53:00
   update: 2025-01-19 13:53:00
   tags:
     - rundevelrun
     - howto
   series: "Gatsby 블로그 시작하기"
   ---