Writing / Personal Site

我的个人博客

分享技术、生活和思考

Created 2025-06-24Updated 2025-10-11

长期写作与知识沉淀:以文章、标签与阅读体验为核心,持续迭代个人表达体系。

BlogWritingNext.jsPersonal

Flow

我的个人博客 flowWriteTagPublish

Write → Tag → Publish

What to look for

  • 信息架构:如何把复杂内容拆成可扫读的结构。
  • 交互细节:搜索、预览、复制、导出等“关键动作”是否顺手。
  • 可交付:是否能跑起来、可复用、可迭代,而不是概念图。

Screenshots

UI snapshots

用真实截图展示信息密度、排版与关键交互。没有截图时会给出放置路径提示。

我的个人博客 screenshot — Cover
Cover
Background

为什么做

把“做过的事”写下来,才能变成可复用的方法论;博客是我沉淀思考、复盘项目与输出体系的长期容器。

Scenario

应用场景

  • 技术笔记与项目复盘
  • 方法论沉淀
  • 作为个人身份与作品入口
Delivery

实现了什么

  • 文章/标签的内容结构
  • 首屏浏览与阅读详情页
  • 与其他项目的互相导流入口
Design

设计要点

  • 阅读体验优先:排版、层级、行宽与留白。
  • 让“内容结构”可见:标签与分类帮助建立知识地图。
Tech

技术实现

  • 内容管理与页面生成(视实现可基于 MD/数据)
  • 部署与性能优化的持续迭代

Next Step

看完介绍,直接去体验

这个 case study 讲的是“设计与实现”,但真正的判断来自体验:打开后用 30 秒做一次关键任务(搜索 / 预览 / 导出 / 播放 / 转录…)。

我的个人博客 cover

Live preview

部分站点可能因为安全策略无法被嵌入;遇到空白时请用上面的 Open live。

If not this

推荐你看这些

根据标签与类别做的相关推荐(不想继续看也能快速跳走)。