Next.jsMDX个人网站

用内容驱动一个个人技术网站

从内容分类开始,搭起一个能够持续写作和积累的个人空间。

888tools示例内容

示例文章

这是一篇用于演示排版和内容结构的文章。你可以直接修改或删除它,换成自己的第一篇记录。

先确定要记录什么

个人技术网站最需要的是稳定的内容组织。一次开发复盘适合放在 Blog,能够多次查阅的概念放在 Knowledge,项目的设计与实现放在 Projects,工具的介绍放在 Software。

这些栏目各有用途,但可以共享同一套 Markdown 写作方式。正文留在内容文件里,标题、摘要和日期写在文件开头。

让内容和页面分开

页面负责导航、排版和阅读体验。内容文件负责表达。这样调整样式时不需要重写文章,新增文章时也不需要复制页面。

content/
  blog/         开发记录
  knowledge/    知识笔记
  projects/     项目介绍
  software/     工具说明
  docs/         AI技术文档
  about/        关于作者

MDX 提供一点表达空间

Markdown 已经适合大部分文章。需要提示块或其他组件时,MDX 可以在正文中使用 React 组件。

写作习惯

先写清楚问题、尝试和结果。代码片段只保留读者需要的部分。

从一个可维护的版本开始

第一版先完成内容加载、导航、响应式和 SEO。等到确实需要产品交易或授权时,再引入相应的服务模块。每一阶段都应该有可以单独使用的结果。

本站的内容组织与实现可以从 个人技术网站项目 继续了解。