📝 blog-hexo-astro

欢迎来到 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 路径。