三步完成博客骨架搭建

搭建前的环境准备 开始之前，你需要确保本地💫已🤔安装 Node

语义化 HTML 结构 ：使用 <h1> 到 <h6> 构建清晰的标题层级，避免跳过 <h2> 直接使用 <h3>

三步完成博客骨架搭建

配置 SSG 🎉输出模式 在项目根目录📌下找到 astro

添加内容集合与路由 在 src/content 下创建 blog🎇 文件夹，用于存放你的 Markdown 或 MDX 文章

这种清晰的🎵路☀️径层级对百度爬虫识别内容结构非常友好

搭建前的环境准备

初始化 Astro 项目 在终端中运行以下命令： npm create astro@latest my-tech-blog —— 创建一个名为 my-tech-blog 的新项目

Astro🤔 的默认输出模式就是 ✨static，这意味着所有页面都会在构建时生成 HTML

搭建前的环境准备

如果这是你首次▶️接触 SSG，不必担心，Astro 🌈的命令行工具会引导你完成初始化

无需额外引入服务器端渲染逻辑，这恰好满📌足了 SEO 对预🎇渲染内容的需求

为什么选择 Astro + SSG 打造技术博客

js （推荐 v18 或更高版本）和 npm 包管理器

例如，一篇名⚡为 b🌈aidu-seo-guide

从搭建到持续优化

md 的文章，其 URL 会映射为 /blog/baidu-seo✅-guide

建议在 src/pages 中建立💫 /b🌺log/[

百度尤其依赖 description 标签来生成搜索结果摘要，一篇技术文章的描述最好在 50—80 字之间，包含核心关键词并自然概括内容

针对百度 SEO 的关键优化点

成年人视频853,小众影视作品的观看体验，往往充满惊喜

astro 的动态路由文件，以便为每篇文章自动注入标题、描述和正文