Next.jsMDX个人网站
用内容驱动一个个人技术网站
从内容分类开始,搭起一个能够持续写作和积累的个人空间。
888tools示例内容
示例文章
这是一篇用于演示排版和内容结构的文章。你可以直接修改或删除它,换成自己的第一篇记录。
先确定要记录什么
个人技术网站最需要的是稳定的内容组织。一次开发复盘适合放在 Blog,能够多次查阅的概念放在 Knowledge,项目的设计与实现放在 Projects,工具的介绍放在 Software。
这些栏目各有用途,但可以共享同一套 Markdown 写作方式。正文留在内容文件里,标题、摘要和日期写在文件开头。
让内容和页面分开
页面负责导航、排版和阅读体验。内容文件负责表达。这样调整样式时不需要重写文章,新增文章时也不需要复制页面。
content/
blog/ 开发记录
knowledge/ 知识笔记
projects/ 项目介绍
software/ 工具说明
docs/ AI技术文档
about/ 关于作者MDX 提供一点表达空间
Markdown 已经适合大部分文章。需要提示块或其他组件时,MDX 可以在正文中使用 React 组件。
写作习惯
先写清楚问题、尝试和结果。代码片段只保留读者需要的部分。
从一个可维护的版本开始
第一版先完成内容加载、导航、响应式和 SEO。等到确实需要产品交易或授权时,再引入相应的服务模块。每一阶段都应该有可以单独使用的结果。
本站的内容组织与实现可以从 个人技术网站项目 继续了解。