안녕하세요 여러분, 저는 Astro를 사용하는 방법을 배우는 동시에 모든 사람이 즐길 수 있도록 무료 템플릿을 만들고 있습니다.

질문이 있으시면 언제든지 Twitter에서 저에게 연락하십시오:

.
Astro로 래핑되지 않은 최소 블로그 템플릿

레포:

https://github.com/michael-andreuzza/astro-build-minimal-blog-starter
# 미리보기:

https://unwrapped-minimal-blog-template.netlify.app/
# 래핑되지 않은 최소 블로그 템플릿.
기능:

✅ 표준 URL 및 OpenGraph 데이터를 사용한 SEO 친화적 설정

✅ 전체 마크다운 지원
## 🚀 프로젝트 구조
Astro 프로젝트 내부에는 다음 폴더와 파일이 표시됩니다.

├── README.md
├── astro.config.mjs
├── package.json
├── public
│   ├── favicon.ico
│   ├── social.jpg
│   └── social.png
├── src
│   ├── components
│   │   ├── Author.astro
│   │   ├── BlogHead.astro
│   │   ├── BlogPost.astro
│   │   ├── BlogPostPreview.astro
│   │   ├── Heading.astro
│   │   └── Paragraph.astro
│   ├── layouts
│   │   └── BlogPost.astro
│   ├── pages
│   │   ├── index.astro
│  
└── tsconfig.json  
└── tailwind.config

Astro는 .astro 디렉토리에서 .md 또는 src/pages/ 파일을 찾습니다. 각 페이지는 파일 이름에 따라 경로로 노출됩니다.src/components/ 에는 특별한 것이 없지만 Astro/React/Vue/Svelte/Preact 구성 요소를 여기에 배치하고 싶습니다.
이미지와 같은 모든 정적 자산은 public/ 디렉토리에 배치할 수 있습니다.

🧞 명령

모든 명령은 터미널의 프로젝트 루트에서 실행됩니다.
| 명령 | 액션 |
|:- |:--------------- -------------- |
| npm install | 종속성 설치 |
| npm run dev | localhost:3000에서 로컬 개발 서버 시작 |
| npm run build | ./dist/에 프로덕션 사이트 구축 |
| npm run preview | 배포하기 전에 로컬에서 빌드 미리보기 |

👀 더 자세히 알고 싶으세요?

Astro's documentation을 확인하거나 Discord server으로 이동하십시오.