Personal Center

Architecture

系统架构

从上到下依次是用户入口、业务逻辑与数据底座。

1. 1

   Astro 静态站

   构建时生成全部页面，线上只有一个轻量静态服务器。

2. 2

   内容集合层

   项目与文章以 Markdown 管理，schema 校验保证结构一致。

3. 3

   组件系统

   卡片、布局、导航等 UI 元素组件化，视觉风格全局统一。

4. 4

   部署通道

   本机构建产物通过静态服务和域名隧道对外提供访问。

Overview

项目定位

Personal Center 是我所有个人项目的「门面」：一个以作品集为核心的静态站点，负责把散落的项目讲清楚、串起来、被看见。

我为什么做

项目数量变多之后，真正的问题不再是「能不能做出来」，而是：

• 它们如何被统一介绍？
• 哪些值得公开，哪些必须私有？
• 内容如何在不重写的前提下持续演进？

我用内容 schema、静态生成和清晰的公私边界来回答这些问题。

系统架构

系统分四层，特点是「内容即代码，构建即发布」。

1. Astro 静态站：所有页面构建时生成，线上零运行时依赖，加载快且安全。
2. 内容集合层：项目和文章都是带 frontmatter 的 Markdown，schema 强校验。
3. 组件系统：卡片、标题、导航等元素组件化，一处修改全站生效。
4. 部署通道：构建产物由本机静态服务器承载，经域名隧道对外服务。

核心设计

• 内容优先：改内容不改代码，改结构先改 schema。
• 白底高级视觉：暖白背景、深色文字、单一暖铜强调色，克制不花哨。
• 公私分离：visibility: private 的内容和 localhost 链接永远不会出现在公开页面。
• 可演进：当前是纯静态，后续可以平滑加 RSS、搜索或轻接口。

目前状态

V0 已上线运行（你现在看到的这个站点），包含首页、项目、文章、关于四个板块。

我的边界

• 不做成后台管理系统。
• 不把本机服务状态放进公开页面。
• 第一版不引入数据库和登录体系。

Highlights

• Light Editorial（白底）视觉方向。
• Markdown 内容管理，项目与文章长期可维护。
• 内容 schema 约束结构，内容不容易失控。
• 后续可扩展搜索、RSS、私有中心与自动集成。

该系统为私有部署，公开页面只展示设计思路与成果摘要。