Astro Hermes Blog 前端工程

使用 Hermes 和 Astro 搭建个人技术博客

· 阅读约 2 分钟

为什么选择 Astro

作为一个 AI 从业者,我需要在博客中展示代码片段(Python、PyTorch、Shell),同时希望站点保持轻量和快速。Astro 的静态输出和 Shiki 代码高亮完美满足这个需求。

开发流程

整个项目使用 Hermes Agent 辅助开发。从初始化脚手架到内容填充,Hermes 帮助完成了约 70% 的重复性工作。

# 初始化项目
npm create astro@latest blog -- --template blog

# 添加 Tailwind
npx astro add tailwind

# 安装 SEO 和 RSS 插件
npx astro add sitemap
npm install @astrojs/rss

部署

选择 Cloudflare Pages 作为托管平台。构建命令 npm run build,输出目录 dist。每次推送代码后自动部署,全球 CDN 加速。

总结

Astro + Hermes 的组合让技术博客的搭建效率大幅提升。本站后续还会加上 Pagefind 搜索和 Giscus 评论。

目录

相关文章