reader-first-portfolio-architecture

以读者为先的作品集架构技能

目的

围绕读者能获得什么来设计个人网站、作品集、落地页和 README 入口页，而不是围绕“博客”“项目”和“简历”等通用栏目来设计。

原则

访客最关心的不是你有项目、文章或简历，而是：

• 我能学到什么？
• 我能使用什么？
• 我为什么要信任这个人？
• 我如何与他们合作或联系他们？

替换通用栏目

通用栏目	以读者为先的栏目
博客	来自真实成就的指南
项目	可供你使用的工具
简历	成果与业绩记录
联系方式	联系方式
关于	行事原则 / 工作之外 / 我的思考方式

推荐的主页布局

1. 主视觉区
   • 用一句有权威依据的话开场。
   • 说明你做什么、有哪些证明，以及读者可以使用什么。
2. 指南
   • 直接列出实际的指南标题。
   • 添加状态标签：已发布、进行中、计划中。
   • 不要把所有内容都藏在“阅读博客”后面。
3. 工具
   • 直接列出最相关的工具。
   • 用一句话说明其带来的好处。
   • 链接到设置指南或代码仓库。
4. 成果与业绩记录
   • 展示证据，让读者判断这些方法能否带来他们想要的结果。
   • 在项目符号列表前补充组织背景。
   • 项目符号应聚焦成果，而非职责。
5. 推荐语 / 他人评价
   • 在醒目区块中使用简短引言。
   • 视情况注明引言来源和职位。
6. 联系方式
   • 说明哪些问题适合联系你。

布局模式

采用宽幅布局，减少不必要的纵向堆叠。

推荐：

• 顶层分类采用 2×2 网格
• 证明材料区块占满宽度
• 工具和指南采用卡片布局
• 条目内容密集时，业绩记录采用单列布局

避免：

• 所有内容都放在狭窄的居中栏中
• 没有可见内容的空白“探索更多”卡片
• 隐藏核心价值的导航标签

检查清单

• 无需点击就能看到具体的指南和工具标题吗？
• 每个栏目是否都回答了“读者能用它做什么”？
• 项目描述是否将项目呈现为可用的工具？
• 证据是否用于建立信任，而非炫耀？
• 页面是否避免“不是玩具项目”之类的负面表述？