你好,世界:这个网站是如何搭建的
欢迎来到我的个人网站。这篇文章既是开篇之作,也是一篇"活文档"——未来写新文章时,可以直接参考它的 Markdown 结构。
为什么要自建网站
平台很好,但完全自主可控的个人站点是另一回事:
- **数据主权**:所有文章都是本地 Markdown 文件,随时可以整体迁移
- **品牌一致**:导航、配色、排版完全按自己的审美来
- **技术沉淀**:搭建过程本身就是一次完整的前端工程实践
技术选型
最终选择了 Astro,理由有三:
1. 默认输出零 JS 的静态 HTML,性能与 SEO 俱佳
2. 内置 Content Collections,Markdown 写文章、构建时校验 frontmatter
3. 代码块语法高亮开箱即用
# 常用命令 npm run dev # 本地开发 npm run build # 构建产物到 dist/ npm run preview # 预览构建结果
文章写作流程
新增一篇文章只需在 src/content/blog/ 下创建 Markdown 文件:
--- title: '文章标题' pubDate: 2026-08-20 category: '分类名' tags: ['标签1', '标签2'] --- 正文内容,支持标准 Markdown 语法。
分类页、标签页、归档页、RSS 与搜索索引都会在构建时自动更新,无需任何额外操作。
接下来
后续会在这里记录系统底层、信息安全与团队管理方面的一手经验。欢迎通过页脚的联系方式或 RSS 订阅关注更新。