本文是用于验证博客布局的示例教程,可以直接替换为自己的内容。

先想清楚,要记录什么

一个个人博客可以从很小的范围开始:一个首页、一份文章列表,以及能安静阅读的正文页。先让写作和阅读的流程完整,再逐步增加功能。

这个小站把内容分成两条线:教程按系列循序展开,文章用于记录技术、摄影和生活。首页把两者的最新内容放在一起。

从一个页面开始

实现页面时,先确定内容结构,再考虑颜色、字体和留白。对阅读体验来说,清楚的层级往往比复杂的装饰更有帮助。

// 标题保持简单,让内容成为页面的中心。
export default function Welcome() {
  return <h1>从心,为梦,致未来。</h1>;
}

留一点空间给以后

第一版不需要完成所有想象中的功能。把每一步做成可以验证的小目标,学习过程本身也会成为下一篇文章的素材。

下一篇:开发环境与技术选型。