欢迎来到 HeStudy Blog
第一篇博客文章,介绍如何用 Astro 构建个人博客
欢迎!
这是我用 Astro 构建个人博客后的第一篇文章。
为什么选择 Astro?
Astro 是一个现代静态站点生成器,适合内容型网站和轻量产品站。它有几个明显优势:
- 性能优秀:默认零 JavaScript,页面加载速度很快
- 开发体验好:支持 Markdown,也能接入多种前端框架
- 适合 SEO:静态生成让搜索引擎更容易索引内容
- 足够灵活:需要互动能力时,可以按需加入组件
技术栈
这个博客主要使用下面这些技术:
- Astro - 静态站点生成器
- TailwindCSS - CSS 工具框架
- TypeScript - 类型安全
- 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、工程实践和独立产品实验里的真实经验。
如果你有问题或建议,可以通过社交媒体联系我。