想去哪里?

首页 页面 关于 页面 项目 页面 简历 页面 技术 页面 随笔 页面 联系 页面 隐私政策 页面 Terminal Spike 隐私政策 页面 用 Astro 构建文档与职业个人网站 技术 通过 tmux、Mosh、Termius 与 Tailscale 随处使用 Codex 技术 用 Langfuse 观察 Codex 的 MCP 工具调用 技术 产品应用中的本地化 技术 把 MCP 作为安全的 AI 集成边界 技术 用 Zod、OpenAPI 与 Swagger 维护 API 契约 技术 用 pg-boss 运行持久后台任务 技术 通过真实知识工作流理解 pgvector 与 RAG 技术 Pi Edge:让 Pi 待在 Obsidian 笔记旁 技术 为真实排序任务设计拖放交互 技术 Prisma 与 PostgreSQL:产品状态的事实来源 技术 把 Ralph Loop 当作计划队列 技术 用 React Router 组织全栈产品工作流 技术 把 shadcn 风格组件变成自己的产品系统 技术 用表格与编辑器承载密集业务操作 技术 Terminal Spike:原生 Android 终端 技术 在 Linux 上用 fcitx 输入带声调的拼音 技术 在 Linux 上配置 DEFT Pro 轨迹球 技术 在 KOReader 上使用 Pocket 稍后读 技术 为 Vercel AI SDK 设置明确的工具边界 技术 垂直切片架构与 dependency-cruiser 技术 用 Vitest 与 Playwright 测试产品工作流 技术 我的随处工作流:Herdr、code-server、Obsidian 与 Pi Edge 技术 Zod 不只是校验 技术 《卡拉马佐夫兄弟》是我看过最好的小说 随笔 基督徒口述1960劳改历史 随笔 圣经中的“道”与言语 随笔 我们爱,因为神先爱我们,而不是空洞的“自爱” 随笔 妈妈,让我来承担爸爸的过错吧 随笔 我与神的故事 随笔 世界远离上帝,接近中国 随笔 “爱的五种语言”和内外向,只存在于语言中 随笔 人格类型不存在,你在世界而非概念中生活 随笔 危险的词语:为什么心理学是不可能的 随笔 2000 年,一个深圳打工者的故事 随笔 阿联酋Ras al Khaimah见闻录 随笔 沙甸:1975 年的一场冲突 随笔 关于中国的纪录片 随笔
← 技术/工程实践

用 Astro 构建文档与职业个人网站

为什么以静态页面为主的 Astro 适合精选技术写作与职业笔记。

我选择 Astro,因为这个网站的主要内容是文字。对于应该加载迅速、方便编辑的页面,我不需要厚重的应用框架。

这听起来简单,却是最主要的决策。职业个人网站应当让读者容易找到个人介绍、精选项目、技术笔记和少量个人写作。除非内容需要,否则不必做成完整的应用。

Astro 的静态优先方式很适合这里。文章放在 Markdown 文件中,内容集合为文件提供轻量的数据模型,页面可以共用布局,也不必全部变为客户端应用。

本站将内容分为技术与随笔:

src/content/dev
src/content/journal

技术栏目专注实践笔记,随笔保留精选个人文章与思考。这能避免首页变成大档案库,也让读者直接选择感兴趣的内容。

内容集合虽小,却建立了真实的边界。文章可以要求标题、描述、日期、标签、分类和草稿状态,在发布前发现错误。

---
title: "文章标题"
description: "简短实用的摘要。"
date: 2025-10-31
author: "Jiyu Yan"
categories: ["Engineering"]
tags: ["Astro", "Writing"]
draft: true
---

draft 很重要:未完成的文章可以沿用正式发布时的结构,同时不出现在公开网站上。

我喜欢 Astro 的另一个原因是网站可以扩展,而不会变成堆放所有内容的地方。内容模型不能替代筛选,但能让筛选容易些。技术文章可以短而实用,个人随笔则保持独立,不冲淡网站的职业信息。

这也适用于产品文档。好文档需要结构、命名、归属,以及避免链接失效和元数据过期的方法。个人网站规模更小,但同样的习惯仍有价值。

取舍在于 Astro 不打算包办一切。需要高度交互的仪表盘、实时协作或复杂登录流程时,我会选择其他应用结构。对于写作与文档,这个限制反而有利于专注。

我也喜欢它不会默认把每个组件放到客户端。大部分页面保持 HTML,确实需要 JavaScript 的交互再按需加入。

这个网站的方案平实而合适:静态优先、Markdown 内容、集合约束、简单导航,以及经过筛选的写作,而不是整站导入旧档案。

价值不在于技术栈听起来新,而在于维护容易,职业信息表达得更清楚。