欢迎来到 blog-hexo-astro
项目搭建记录:从 Hexo 迁移到 Astro 的起点。
欢迎来到 blog-hexo-astro
这是用 Astro + Tailwind CSS 搭建的全新博客脚手架,作为从 Hexo 迁出的起点。
已具备的能力
- Content Collections:所有 Markdown / MDX 文章放在
src/content/blog/,由 schema 强校验 frontmatter - MDX 支持:可以在
.mdx文件里写 React / Vue / Svelte 组件 - 响应式布局:Tailwind CSS v4,移动端友好
- 零 JS(默认):纯静态输出,加载极快
目录速览
src/
├── content.config.ts # Content Collections 定义
├── content/blog/ # 博客文章(.md / .mdx)
├── layouts/Layout.astro # 全局布局
├── pages/ # 路由
│ ├── index.astro # 首页
│ ├── posts/ # 文章列表 + 详情
│ └── tags/ # 标签列表 + 单标签
└── styles/global.css # Tailwind 入口
下一步
把 Hexo 的 source/_posts/*.md 复制到 src/content/blog/ 即可,frontmatter 字段名需要做一次映射:
| Hexo | Astro |
|---|---|
title |
title |
date |
pubDate |
tags |
tags |
description / excerpt |
description |
写新文章时只需要 src/content/blog/<slug>.md,slug 自动成为 URL 路径。