# ๐ฅFuwari [Astro](https://astro.build)๋ก ๊ตฌ์ถ๋ ์ ์ ๋ธ๋ก๊ทธ ํ ํ๋ฆฟ์ ๋๋ค. [**๐ฅ๏ธ๋ฏธ๋ฆฌ๋ณด๊ธฐ (Vercel)**](https://fuwari.vercel.app) / [**๐ฆOld Hexo Version**](https://github.com/saicaca/hexo-theme-vivia) > README ๋ฒ์ : `2024-04-07`  ## โจ ํน์ง - [x] [Astro](https://astro.build) ๋ฐ [Tailwind CSS](https://tailwindcss.com)๋ก ๊ตฌ์ถ๋จ - [x] ๋ถ๋๋ฌ์ด ์ ๋๋ฉ์ด์ ๋ฐ ํ์ด์ง ์ ํ - [x] ๋ผ์ดํธ ๋ชจ๋ / ๋คํฌ ๋ชจ๋ - [x] ์ฌ์ฉ์ ์ ์ ๊ฐ๋ฅํ ํ ๋ง ์์ ๋ฐ ๋ฐฐ๋ - [x] ๋ฐ์ํ ๋์์ธ - [ ] ๋๊ธ - [x] ๊ฒ์ - [ ] ๋ชฉ์ฐจ ## ๐ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ 1. ์ด ํ ํ๋ฆฟ์์ [์ ์ ์ฅ์๋ฅผ ์์ฑ](https://github.com/saicaca/fuwari/generate)ํ๊ฑฐ๋ ์ด ์ ์ฅ์๋ฅผ ํฌํฌํ์ธ์. 2. ๋ธ๋ก๊ทธ๋ฅผ ๋ก์ปฌ์์ ํธ์งํ๋ ค๋ฉด ์ ์ฅ์๋ฅผ ๋ณต์ ํ๊ณ `pnpm install` ๋ฐ `pnpm add sharp`๋ฅผ ์คํํ์ฌ ์ข ์์ฑ์ ์ค์นํ์ธ์. - ์์ง [pnpm](https://pnpm.io)์ ์ค์นํ์ง ์์๋ค๋ฉด `npm install -g pnpm`์ ์คํํ์ฌ [pnpm](https://pnpm.io)์ ์ค์นํ์ธ์. 3. ๋ธ๋ก๊ทธ๋ฅผ ์ฌ์ฉ์ ์ ์ํ๋ ค๋ฉด `src/config.ts` ๊ตฌ์ฑ ํ์ผ์ ํธ์งํ์ธ์. 4. `pnpm new-post <filename>`์ ์คํํ์ฌ ์ ๊ฒ์๋ฌผ์ ๋ง๋ค๊ณ `src/content/posts/`์์ ํธ์งํ์ธ์. 5. [๊ฐ์ด๋](https://docs.astro.build/en/guides/deploy/)์ ๋ฐ๋ผ ๋ธ๋ก๊ทธ๋ฅผ Vercel, Netlify, GitHub ํ์ด์ง ๋ฑ์ ๋ฐฐํฌํ์ธ์. ๋ฐฐํฌํ๊ธฐ ์ ์ `astro.config.mjs`์์ ์ฌ์ดํธ ๊ตฌ์ฑ์ ํธ์งํด์ผ ํฉ๋๋ค. ## โ๏ธ ๊ฒ์๋ฌผ์ ๋จธ๋ฆฌ๋ง ์ค์ ```yaml --- title: ๋ด ์ฒซ ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ published: 2023-09-09 description: ๋ด ์๋ก์ด Astro ๋ธ๋ก๊ทธ์ ์ฒซ ๋ฒ์งธ ๊ฒ์๋ฌผ์ ๋๋ค! image: /images/cover.jpg tags: [ํธ, ๋ฐ, ์ค] category: ์-๋ draft: false --- ``` ## ๐ง ๋ช ๋ น์ด ๋ชจ๋ ๋ช ๋ น์ด๋ ํ๋ก์ ํธ ์ต์๋จ, ํฐ๋ฏธ๋์์ ์คํ๋ฉ๋๋ค: | Command | Action | |:------------------------------------|:-------------------------------------------------| | `pnpm install` AND `pnpm add sharp` | ์ข ์์ฑ์ ์ค์นํฉ๋๋ค. | | `pnpm dev` | `localhost:4321`์์ ๋ก์ปฌ ๊ฐ๋ฐ ์๋ฒ๋ฅผ ์์ํฉ๋๋ค. | | `pnpm build` | `./dist/`์ ํ๋ก๋์ ์ฌ์ดํธ๋ฅผ ๊ตฌ์ถํฉ๋๋ค. | | `pnpm preview` | ๋ฐฐํฌํ๊ธฐ ์ ์ ๋ก์ปฌ์์ ๋น๋ ๋ฏธ๋ฆฌ๋ณด๊ธฐ | | `pnpm new-post <filename>` | ์ ๊ฒ์๋ฌผ ์์ฑ | | `pnpm astro ...` | `astro add`, `astro check`์ ๊ฐ์ CLI ๋ช ๋ น์ด ์คํ | | `pnpm astro --help` | Astro CLI๋ฅผ ์ฌ์ฉํ์ฌ ๋์ ๋ฐ๊ธฐ |