블로그를 시작합니다
Astro + GitHub Pages 로 만든 기술 블로그의 첫 글. 글쓰기 방법과 지원하는 문법을 정리했습니다.
Astro 와 GitHub Pages 로 만든 기술 블로그입니다. 이 글은 글쓰기 예시이자 문법 테스트용입니다. 지워도 됩니다.
새 글 쓰는 법
터미널에서 한 줄이면 됩니다.
npm run new "글 제목" my-post-slug --category architecture --platform web --tags astro,blog
그러면 src/content/blog/my-post-slug/index.md 가 생기고 그 안의 frontmatter 만 채운 뒤 본문을 쓰면 됩니다.
코드 하이라이팅
Shiki 기반으로 대부분의 언어를 지원합니다.
export async function getPosts() {
const posts = await getCollection('blog', ({ data }) => !data.draft);
return posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
}
fun main() {
println("Hello, Blog!")
}
표
| 기능 | 방법 |
|---|---|
| 댓글 | giscus (GitHub Discussions) |
| 피드 | /rss.xml 자동 생성 |
| 태그 | frontmatter tags: [...] |
| 초안 | frontmatter draft: true |
인용
기록하지 않으면 없던 일이 된다.
이미지
글 폴더에 이미지를 넣고 상대 경로로 넣으면 빌드 시 자동 최적화됩니다.

다음 할 일
site.config.mjs에서 블로그 제목과 GitHub 아이디를 바꾼다.- GitHub 저장소를 만들고 push 한다.
- giscus 를 연결한다.