你好,世界
my-life 个人空间的第一篇文章。介绍一下这里,以及未来想写什么。
1 分钟阅读 随笔
这是什么
这是 my-life 博客的第一篇文章。
写这篇的目的不是分享什么深刻见解 —— 是为了验证 Content Collections 工作流跑通:
- 新建一个
.mdx文件 - 填写 frontmatter
- 写正文(Markdown + 组件)
- 列表页自动出现
- 详情页自动可访问
- RSS 自动收录
为什么做这个站
我相信少即是多。
大部分个人网站都有太多噪音:弹窗、广告、追踪、复杂动效、五颜六色的设计。这里不打算做那样。
这个站的目标是:
- 快 —— 首屏加载 < 1 秒
- 简 —— 没有花哨的 UI
- 可写 —— 想写博客 = 新建一个文件
- 可访问 —— 键盘可达 + 暗色模式
技术栈
| 类别 | 选择 |
|---|---|
| 框架 | Astro 6 |
| 样式 | Tailwind CSS v4 |
| 内容 | MDX |
| 部署 | 待定(Vercel / Cloudflare) |
未来想写什么
不想给博客定太具体的方向。可能会写:
- 技术笔记(编程语言、工具、踩坑)
- 读书心得
- 偶尔的思考
不想写的:流量密码、AI 焦虑内容、为了发而发的水文。
代码示例
// Astro Content Collections 示例
import { defineCollection, z } from 'astro:content';
const blog = defineCollection({
loader: glob({ pattern: '**/*.mdx', base: './src/content/blog' }),
schema: z.object({
title: z.string(),
description: z.string(),
pubDate: z.coerce.date(),
}),
});
表格示例
| 状态 | 进度 |
|---|---|
| 整体框架 | ✅ |
| 设计系统 | ✅ |
| 内容填充 | ⏳ |
如果你看到了这里,欢迎联系我。
—— 完 ——