FIELD NOTE
开篇:为什么要写这个博客
风不止的个人博客正式开张,记录一下这个站点是用什么搭的,以及以后打算写些什么。
正文宽度每行约 49 字
正文宽度:标准,每行约 49 字。当前选项。点击轨道档位可直接调整,点击右侧按钮切换为宽。
建站这件事拖了很久,终于动手了。
为什么选 Next.js
博客本质上是一个以内容为中心的网站,需求可以拆成三块:
- 把 Markdown 渲染成网页
- 列表页和详情页
- 搜索引擎能看懂
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
留言
正在加载留言…