Code Monkey home page Code Monkey logo

blog's Introduction

๐Ÿป ๊ณ ๋Ÿ‰์ฃผ ๋ธ”๋กœ๊ทธ

Quick Start Guide

  1. ๋กœ์ปฌ์—์„œ ์‹คํ–‰ํ•˜๊ธฐ
  2. ๊ฐœ์ธ ์ •๋ณด ์—…๋ฐ์ดํŠธํ•˜๊ธฐ - siteMetadata.js (์‚ฌ์ดํŠธ ๊ด€๋ จ ์ •๋ณด)
  3. ๊ฐœ์ธ ์ •๋ณด ์—…๋ฐ์ดํŠธํ•˜๊ธฐ - authors/default.md (์ž‘์„ฑ์ž ์ •๋ณด)
  4. ํ”„๋กœ์ ํŠธ ๋‚ด์šฉ ์ˆ˜์ •ํ•˜๊ธฐ - projectsData.js
  5. ๋ธ”๋กœ๊ทธ ๊ธ€ ์ž‘์„ฑํ•˜๊ธฐ
  6. Vercel์—์„œ ๋ฐฐํฌํ•˜๊ธฐ

๋กœ์ปฌ์—์„œ ์‹คํ–‰ํ•˜๊ธฐ

# Repository ๋ณต์ œํ•˜๊ธฐ
$ git clone https://github.com/GoRyangJu/blog.git

# Repository๋กœ ์ด๋™ํ•˜๊ธฐ
$ cd blog

# Dependencies ์„ค์น˜ํ•˜๊ธฐ
$ npm install

# ์‹คํ–‰ํ•˜๊ธฐ
$ npm run dev

์ด์ œ ๋กœ์ปฌ์—์„œ ๋ธ”๋กœ๊ทธ๊ฐ€ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์„ ๋ณด์‹ค ์ˆ˜ ์žˆ๋Š” ๋ฐ์š”. ๋ธŒ๋ผ์šฐ์ €์—์„œ http://localhost:3000์„ ์—ด์–ด๋ณด์‹œ๋ฉด ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


siteMetadata.js ์—…๋ฐ์ดํŠธ ํ•˜๊ธฐ - data ํด๋”์— ์กด์žฌ

/* ์˜ˆ์‹œ) */

const siteMetadata = {
  title: 'GO Lee Blog',
  author: 'GO Lee',
  headerTitle: 'GO.',
  description: '์ง€์‹๊ณผ ์ƒ๊ฐ์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.',
  language: 'ko-KR',
  siteUrl: 'https://www.golee.tech',
  siteRepo: 'https://github.com/goleedev/blogo',
  siteLogo: '/static/images/logo.png',
  image: '/static/images/avatar.png',
  socialBanner: '/static/images/social-banner.png',
  email: '[email protected]',
  github: 'https://github.com/goleedev',
  linkedin: 'https://www.linkedin.com/in/goleedev',
  locale: 'ko-KR',
  analytics: {
    googleAnalyticsId: 'G-3FV4PPZMLG',
  },
  comment: {
    provider: 'utterances',
    utterancesConfig: {
      repo: 'goleedev/blog',
      issueTerm: 'title',
      label: 'Comment ๐Ÿ’ฌ',
      theme: 'github-light',
      darkTheme: 'github-dark',
    },
  },
}

์ƒ๊ธฐ ์˜ˆ์‹œ์ฒ˜๋Ÿผ ๋ณธ์ธ์˜ ์ •๋ณด๋ฅผ siteMetadata.js์— ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

comment๋Š” ๋ณธ์ธ์˜ ์œ ์ €๋„ค์ž„/ํ•ด๋‹น repository๋ฅผ ์ ์–ด ์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค :)


authors/default.md ์—…๋ฐ์ดํŠธํ•˜๊ธฐ - data/authors ํด๋”์— ์กด์žฌ

/* ์˜ˆ์‹œ) */

---
name: GO Lee
avatar: /static/images/avatar.png
occupation: Jr.Frontend Developer
company: UoL
email: [email protected]
linkedin: https://www.linkedin.com/goleedev
github: https://github.com/goleedev
---

๐Ÿ“ ์ •๋ˆ๋œ ๋‹คํ๋ฉ˜ํ…Œ์ด์…˜์„ ์ง€ํ–ฅํ•˜๊ณ  ๐Ÿฅฐ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ๊ณผ ํŠธ๋ Œ๋“œ๋ฅผ ์ตํžˆ๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๋Š” ๐Ÿง‘๐Ÿปโ€๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.

ํŒ€ ๋‚ด์—์„œ๋Š” ๐Ÿƒ๐Ÿปโ€โ™‚๏ธ ๋Šฅ๋™์ ์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๊ธฐ์ˆ ๊ณผ ํ˜‘์—… ๋Šฅ๋ ฅ์„ ์Œ“์•„๊ฐ€๋Š” ๊ฒƒ์„ ๐Ÿ›ฃ๏ธ ์ง€ํ–ฅ์ ์œผ๋กœ ์‚ผ๊ณ  ์žˆ์œผ๋ฉฐ, ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š” ๊ฐ€์žฅ ํ•ฉ๋ฆฌ์ ์ธ ๋””์ž์ธ๊ณผ ์„œ๋น„์Šค๋ฅผ ๐Ÿคฒ ์ œ๊ณตํ•˜๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

projectsData.js ์ˆ˜์ •ํ•˜๊ธฐ

์ด ๋ถ€๋ถ„์€ ์ถ”ํ›„์— ํ”„๋กœ์ ํŠธ๋ฅผ ์ œ์ž‘ํ•œ ํ›„์— ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.


๋ธ”๋กœ๊ทธ ๊ธ€ ์ž‘์„ฑํ•˜๊ธฐ

// ์˜ˆ์ œ

---
title: '๐ŸŽ‰ WECLOME! ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“œ์‹  ๊ฑธ ํ™ฅ์˜ํ•ฉ๋‹ˆ๋‹ค!'
thumbSrc: '/static/images/welcome.webp'
date: '2022-02-21'
tags: ['FE']
draft: false
summary: '๋ธ”๋กœ๊ทธ ์ž‘์„ฑ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.'
images: ['/static/images/welcome.webp']
---

# ๐Ÿ“Œ ๋ชฉ์ฐจ

![Welcome](/static/images/welcome.webp)

- **๐Ÿ’๐Ÿป ๋ธ”๋กœ๊ทธ ์ž‘์„ฑ๋ฒ•**

---

# ๐Ÿ’๐Ÿป ๋ธ”๋กœ๊ทธ ์ž‘์„ฑ๋ฒ•

๋ธ”๋กœ๊ทธ ์ž‘์„ฑ๋ฒ•์ด ๋“ค์–ด๊ฐ‘๋‹ˆ๋‹ค.
๋ธ”๋กœ๊ทธ ๋‚ด์šฉ์€ ![๋งˆํฌ๋‹ค์šด ์‚ฌ์šฉ๋ฒ•](https://gist.github.com/ihoneymon/652be052a0727ad59601)์„ ์ฐธ์กฐํ•ด์„œ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.

Vercel์—์„œ ๋ฐฐํฌํ•˜๊ธฐ

Vercel์— Github ์•„์ด๋””๋กœ ๊ฐ€์ž…ํ•˜๊ณ , repository๋ฅผ ์„ ํƒํ•˜๊ณ  ๋ฐฐํฌํ•ด์ค๋‹ˆ๋‹ค.


Licence

MIT

blog's People

Contributors

seongbiny avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.