文章

FIELD NOTE

开篇:为什么要写这个博客

风不止的个人博客正式开张,记录一下这个站点是用什么搭的,以及以后打算写些什么。

1 分钟读完随笔建站

正文宽度每行约 49 字

正文宽度:标准,每行约 49 字。当前选项。点击轨道档位可直接调整,点击右侧按钮切换为宽。

建站这件事拖了很久,终于动手了。

为什么选 Next.js

博客本质上是一个以内容为中心的网站,需求可以拆成三块:

  1. 把 Markdown 渲染成网页
  2. 列表页和详情页
  3. 搜索引擎能看懂

Next.js 的 App Router 把这三件事都做完了,而且:

  • 构建时预渲染成静态 HTML,访问时几乎不需要等待
  • 每篇文章有独立的 <head>,分享到微信、Twitter 时有漂亮的卡片
  • 暗色模式跟随系统,不需要用户手动切换

技术栈

位置用的什么
框架Next.js 16(App Router)
语言TypeScript
样式Tailwind CSS v4
内容MDX

关于 MDX

MDX 就是「能在 Markdown 里写 JSX」。普通 Markdown 只能写文字和图片,MDX 可以直接引入 React 组件——以后需要图表、代码演示、互动组件的时候会很有用。

比如这段引用:

工具会塑造使用者,使用者也会反过来塑造工具。

接下来

先把文章发出来,其他的慢慢来。

DISCUSSION

留言

正在加载留言…