HESTUDY® HIRE ME ↗
前端开发

欢迎来到 HeStudy Blog

第一篇博客文章,介绍如何用 Astro 构建个人博客

欢迎!

这是我用 Astro 构建个人博客后的第一篇文章。

为什么选择 Astro?

Astro 是一个现代静态站点生成器,适合内容型网站和轻量产品站。它有几个明显优势:

  • 性能优秀:默认零 JavaScript,页面加载速度很快
  • 开发体验好:支持 Markdown,也能接入多种前端框架
  • 适合 SEO:静态生成让搜索引擎更容易索引内容
  • 足够灵活:需要互动能力时,可以按需加入组件

技术栈

这个博客主要使用下面这些技术:

  1. Astro - 静态站点生成器
  2. TailwindCSS - CSS 工具框架
  3. TypeScript - 类型安全
  4. Markdown - 内容管理

代码示例

下面是一个简单的 JavaScript 示例:

// Hello World
console.log("Hello, Astro!");

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

TypeScript 示例

interface Person {
  name: string;
  age: number;
}

function introduce(person: Person): string {
  return `Hi, I'm ${person.name} and I'm ${person.age} years old.`;
}

const john: Person = { name: "John", age: 30 };
console.log(introduce(john));

当前支持的能力

这个博客目前支持:

  • Markdown 文章管理
  • 代码语法高亮
  • 响应式布局
  • SEO 基础优化
  • 快速构建和部署

下一步

  • 完善博客视觉风格
  • 持续增加文章
  • 优化 SEO 表现
  • 按需加入评论功能

总结

感谢你访问 HeStudy Blog。这里会持续记录我在 AI Coding、工程实践和独立产品实验里的真实经验。

如果你有问题或建议,可以通过社交媒体联系我。