Skip to content

Commit 6fb5ebc

Browse files
committed
docs: update blog translations
1 parent d1a62a3 commit 6fb5ebc

20 files changed

+2101
-1287
lines changed

apps/docs/content/zh-hans/blog/next-10-1.mdx

Lines changed: 63 additions & 83 deletions
Large diffs are not rendered by default.

apps/docs/content/zh-hans/blog/next-12-1.mdx

Lines changed: 67 additions & 65 deletions
Large diffs are not rendered by default.

apps/docs/content/zh-hans/blog/next-13-3.mdx

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,4 @@
11
---
2-
source-updated-at: 2025-05-29T19:07:21.000Z
3-
translation-updated-at: 2025-05-29T19:40:43.853Z
4-
title: 关于 Next.js
5-
description: Next.js 是一个用于构建全栈 Web 应用的 React 框架。通过 React 组件构建用户界面,并利用 Next.js 提供额外功能和优化。
6-
---
7-
8-
Next.js 是一个基于 React 的全栈 Web 应用开发框架。您可以使用 React 组件构建用户界面,并通过 Next.js 获得更多功能和优化。
9-
10-
该框架还会自动配置底层工具(如打包器和编译器),让开发者能够专注于产品构建与快速交付。
11-
12-
无论您是独立开发者还是团队一员,Next.js 都能帮助您构建交互式、动态且高效的 React 应用程序。---
132
title: Next.js 13.3
143
description: >-
154
Next.js 13.3 引入了动态 Open Graph 图片生成、高级静态导出、并行路由与拦截路由、OTEL 支持等新特性。

apps/docs/content/zh-hans/blog/next-5.mdx

Lines changed: 77 additions & 87 deletions
Large diffs are not rendered by default.

apps/docs/content/zh-hans/blog/next-7.mdx

Lines changed: 81 additions & 118 deletions
Large diffs are not rendered by default.
Lines changed: 42 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
2-
source-updated-at: 2025-05-29T18:05:49.000Z
3-
translation-updated-at: 2025-05-29T19:34:40.702Z
2+
source-updated-at: 2025-05-30T16:38:07.000Z
3+
translation-updated-at: 2025-05-30T16:41:46.165Z
44
title: Next.js 8.0.4 版本发布
55
description: >-
6-
Next.js 8.0.4 带来了构建性能提升、更小的打包体积、更健壮的默认配置等多项改进
6+
Next.js 8.0.4 带来了构建性能提升、更小的打包体积、更健壮的默认配置等改进
77
author:
88
- name: Connor Davis
99
image: /static/team/connor.jpg
@@ -26,79 +26,62 @@ image: >-
2626
* [确定性构建](#build-performance)
2727
* [更小的客户端运行时](#smaller-runtime-footprint)
2828
* [更小的无服务函数](#smaller-runtime-footprint)
29-
* [默认视口标签](#default-viewport-meta-tag)
29+
* [默认 viewport 标签](#default-viewport-meta-tag)
3030
* [学习指南改进](#learning-guide-improvements)
3131

3232
一如既往,我们确保所有这些改进都**完全向后兼容**。对于大多数 Next.js 应用,您只需运行:
3333

34-
```bash filename="Terminal"
34+
```bash filename="终端"
3535
npm i next@latest react@latest react-dom@latest
3636
```
3737

3838
[构建性能](#build-performance)
3939
---------------------------------------
4040

41-
Next.js 现在采用确定性构建,这意味着如果代码未更改,每次构建输出都将保持一致。
41+
Next.js 现在构建结果更具确定性,这意味着如果代码未更改,每次构建输出都将保持一致。
4242

43-
这使得构建过程中的更多工作可以被缓存,从而在首次构建后显著加快生产代码的重建速度
43+
这使得构建过程中的更多工作可以被缓存,从而在首次构建后能更快地重新构建生产代码
4444

45-
我们的测量显示,大量构建时间花费在 JavaScript 压缩上。由于构建输出现在更具确定性,压缩文件已存在于缓存中的概率更高
45+
我们的测量显示,大量构建时间花费在 JavaScript 代码压缩上。由于构建输出现在更具确定性,压缩文件已存在于缓存中的几率更大
4646

47-
[部署到 Vercel](https://vercel.com/guides/deploying-nextjs-with-vercel) 的用户将自动享受这些缓存优化
47+
[部署到 Vercel](https://vercel.com/guides/deploying-nextjs-with-vercel) 的用户将自动体验这些缓存改进
4848

49-
我们简化了服务端 `next/dynamic` 的清单文件,现在只包含异步加载的模块。这个简化后的清单计算更快且生成的 JavaScript 更少
49+
我们简化了服务端 `next/dynamic` 的清单文件,现在只包含异步加载的模块。这种简化的清单计算更快,生成的 JavaScript 也更少
5050

51-
CircleCI 用户应该会注意到构建时间缩短。之前由于 CircleCI 环境未能准确反映可用 CPU 数量,导致工作进程分配过多。Next.js 现在能检测 CircleCI 环境并根据可用资源设置合适的 CPU 数量。
51+
CircleCI 用户应该会注意到构建时间变快。之前由于 CircleCI 环境未能准确反映可用 CPU 数量,导致工作进程被过度调度。Next.js 现在能检测 CircleCI 并根据可用资源设置合适的 CPU 数量。
5252

5353
[更小的运行时体积](#smaller-runtime-footprint)
5454
-------------------------------------------------------
5555

56-
与前一版本相比,Next.js 现在生成的客户端 JavaScript 减少了 **5.58KB**,HTTP 负载也更小。
56+
Next.js 现在生成的客户端 JavaScript 比上一版本**减少了 5.58KB**,HTTP 负载也更小。
5757

58-
[`withRouter`](/docs#using-a-higher-order-component) 不再依赖 `hoist-non-react-statics`包体积因此减小了 **3KB**`withRouter` 仍会提升 `getInitialProps`但不再提升其他静态属性
58+
[`withRouter`](/docs#using-a-higher-order-component) 不再依赖 `hoist-non-react-statics`包体积因此**减小了 3KB**`withRouter` 仍会提升 `getInitialProps`但不会提升其他静态属性
5959

6060
`next/babel` 预设已优化,可生成更精简、更快的 JavaScript 代码。
6161

62-
移除了 `X-Powered-By` 头部,减小了 HTTP 负载。我们调查发现社区中该头部在生产环境常被禁用,因此决定移除。这也意味着如果您的项目中启用了 `poweredByHeader` 选项,现在可以从 `next.config.js` 中移除该配置
62+
移除了 `X-Powered-By` 头部,减小了 HTTP 负载大小。我们调查社区后发现该头部在生产环境经常被禁用,因此决定移除它。这也意味着如果您的项目中启用了该选项,可以从 `next.config.js` 中移除 `poweredByHeader` 配置
6363

64-
我们对 Next.js 的依赖树和整体代码库进行了多项优化,使得每个无服务函数都减少了 **44KB (5.44KB gzip)**
64+
我们对 Next.js 依赖树和整体代码库进行了多项优化,使得每个无服务函数都**减小了 44KB(gzip 后 5.44KB**
6565

66-
无服务函数的大小直接影响启动性能,更小的函数意味着更快的启动。
66+
无服务函数大小直接影响无服务启动性能,更小的函数意味着更快的启动。
6767

68-
8.0
68+
| | 8.0 | 8.0.4 | 差异 |
69+
| --- | --- | --- | --- |
70+
| 无服务页面大小 | 259 KB | 215 KB | **17%** _减小_ |
71+
| 无服务页面大小 (gzip) | 62.3 KB | 56.8 KB | **9%** _减小_ |
6972

70-
8.0.4
73+
在 Next.js 8 发布后,我们收到少量用户报告在 Next.js 之外导入 React 组件时遇到问题(例如测试套件中)。这是由于 `next` 的导入被重写到了 Next.js 代码库中的正确文件,但该优化被应用到了所有使用 `next/babel` 预设的用户。现在该优化已移至 Next.js 构建流程内部,不再与用户的 babel 配置冲突。
7174

72-
差异
73-
74-
无服务页面大小
75-
76-
259 KB
77-
78-
215 KB
79-
80-
减小 **17%**
81-
82-
无服务页面大小 (gzip)
83-
84-
62.3 KB
85-
86-
56.8 KB
87-
88-
减小 **9%**
89-
90-
在 Next.js 8 发布后,我们收到少量用户报告在 Next.js 外部导入 React 组件时遇到问题(例如测试套件中)。这是由于 `next` 的导入被重写到了 Next.js 代码库中的正确文件,但该优化被应用到了所有使用 `next/babel` 预设的用户。现在该优化已移至 Next.js 构建流程内部,不再与用户的 babel 配置冲突。
91-
92-
[默认视口 Meta 标签](#default-viewport-meta-tag)
75+
[默认 Viewport Meta 标签](#default-viewport-meta-tag)
9376
-------------------------------------------------------
9477

95-
Next.js 的目标之一是为构建 Web 应用提供最佳默认配置。为了减少在 Next.js 中实现 CSS 媒体查询时所需的设置工作
78+
Next.js 的目标之一是为编写 Web 应用提供最佳默认配置。为了减少在 Next.js 中实现 CSS 媒体查询时需要进行的设置工作
9679

9780
默认情况下,浏览器处理 CSS `@media` 查询和缩放的方式与预期不符,这可能导致编写 CSS `@media` 查询时出现意外的不一致。
9881

99-
几乎所有 Next.js 用户都会通过添加 `viewport` meta 标签来解决这些问题
82+
几乎所有情况下,Next.js 用户都会添加 `viewport` meta 标签来解决这些不一致问题
10083

101-
从 8.0.4 版本开始,在大多数情况下不再需要手动添加此标签。如果应用未设置 `viewport`,将自动应用默认配置:
84+
从 8.0.4 版本开始,大多数情况下不再需要手动添加 `viewport` 标签。如果应用未设置 `viewport`,将自动应用默认配置:
10285

10386
```
10487
<meta
@@ -107,7 +90,7 @@ Next.js 的目标之一是为构建 Web 应用提供最佳默认配置。为了
10790
/>
10891
```
10992

110-
仍可通过 `next/head` 覆盖默认视口标签
93+
仍然可以通过 `next/head` 覆盖默认 viewport 标签
11194

11295
```js filename="pages/index.js"
11396
import Head from 'next/head';
@@ -128,18 +111,18 @@ function HomePage() {
128111
export default HomePage;
129112
```
130113

131-
感谢 [Jason Miller](https://twitter.com/_developit) 对此变更的合作与实现
114+
感谢 [Jason Miller](https://twitter.com/_developit) 合作并实现这一变更
132115

133116
[新的 `@next/mdx` 插件](#new-nextmdx-plugin)
134117
---------------------------------------------
135118

136-
[MDX](https://mdxjs.com/) 允许您在 Markdown 文档中编写 JSX。您可以使用常规的 Markdown 语法编写内容,并通过导入 React 组件为文档添加交互式和动态内容
119+
[MDX](https://mdxjs.com/) 允许您在 Markdown 文档中编写 JSX。您可以使用常规 Markdown 语法编写内容,并导入 React 组件来增强文档的交互性和动态性
137120

138-
为 Next.js 提供 MDX 支持的插件 `@zeit/next-mdx` 已迁移至 [Next.js GitHub 仓库](https://github.com/vercel/next.js/tree/canary/packages/next-mdx),现在以 [`@next/mdx`](https://www.npmjs.com/package/@next/mdx) 的形式提供
121+
为 Next.js 提供 MDX 支持的插件 `@zeit/next-mdx` 已移至 [Next.js GitHub 仓库](https://github.com/vercel/next.js/tree/canary/packages/next-mdx),现在以 [`@next/mdx`](https://www.npmjs.com/package/@next/mdx) 形式提供
139122

140-
安装方式
123+
安装方法
141124

142-
```bash filename="Terminal"
125+
```bash filename="终端"
143126
npm i @next/mdx @mdx-js/loader
144127
```
145128

@@ -150,18 +133,18 @@ const withMDX = require('@next/mdx')();
150133
module.exports = withMDX();
151134
```
152135

153-
未来会有更多 Next.js 插件迁移至 Next.js 仓库,以便与 Next.js 核心同步发布并通过 Next.js 测试套件验证。这样可以确保热模块替换、生产构建等功能与插件良好协作
136+
未来会有更多 Next.js 插件被移入 Next.js 仓库,以便与 Next.js 核心一起发布,并通过 Next.js 测试套件进行测试。这样可以确保热模块替换、生产构建等功能与插件良好配合
154137

155138
[学习指南改进](#learning-guide-improvements)
156139
-----------------------------------------------------------
157140

158-
[Next.js Learn](https://nextjs.org/learn) 是一个包含测验和示例的 Next.js 渐进式学习指南
141+
[Next.js Learn](https://nextjs.org/learn) 是一个包含测验和示例的 Next.js 分步学习指南
159142

160-
该网站最近使用 MDX 重建,使得贡献比以往更容易。欢迎任何人参与 [学习网站](https://github.com/vercel/next-site/labels/learn) 的贡献
143+
该网站最近使用 MDX 重建,使得贡献比以往更容易。我们欢迎任何人贡献到 [学习网站](https://github.com/vercel/next-site/labels/learn)
161144

162-
网站还升级使用了 [Next.js 无服务目标](/docs#serverless-deployment),该功能在 [Next.js 8](https://nextjs.org/blog/next-8#serverless-nextjs) 中引入,确保网站在全球范围内快速扩展并为用户提供优质体验
145+
网站还升级使用了 [Next.js 无服务目标](/docs#serverless-deployment),该功能在 [Next.js 8](https://nextjs.org/blog/next-8#serverless-nextjs) 中引入,确保网站在全球范围内都能快速扩展并为用户提供良好体验
163146

164-
我们收到了大量关于内容改进的社区反馈,并在过去几周内持续优化[Next.js Learn](https://nextjs.org/learn) 现在包含更新的示例和更详细的章节说明,使指导更易于理解
147+
我们收到了大量关于内容改进的社区反馈,过去几周一直在根据反馈进行改进[Next.js Learn](https://nextjs.org/learn) 现在更新了示例,并在每个部分增加了更多细节,使说明更易于理解
165148

166149
![Next.js 学习网站](https://h8DxKfmAPhn8O0p3.public.blob.vercel-storage.com/static/blog/next-8-0-4/next-learn.png)
167150

@@ -170,13 +153,13 @@ Next.js 学习网站
170153
[贡献](#contributions)
171154
-------------------------------
172155

173-
我们非常高兴看到 Next.js 采用率的持续增长:
156+
我们非常高兴看到 Next.js 采用率持续增长。
174157

175-
* 已有超过 **660 位贡献者**
158+
* 我们已有超过 **660 位贡献者**
176159
* 在 GitHub 上,项目获得了超过 **36,150 次星标**
177-
* 自首次发布以来提交了超过 **2,950 个拉取请求**
160+
* 自首次发布以来,已提交超过 **2,950 个拉取请求**
178161

179-
我们要感谢所有为这个 Next.js 版本做出贡献的人。无论是贡献核心代码还是扩展和完善我们不断增长的 [示例目录](https://github.com/vercel/next.js/tree/canary/examples)我们珍视每一份贡献
162+
我们要感谢所有为这个 Next.js 版本做出贡献的人。无论是贡献核心代码,还是扩展和改进我们不断增长的 [示例目录](https://github.com/vercel/next.js/tree/canary/examples)我们都感谢所有贡献
180163

181164
如果您想开始为 Next.js 做贡献,带有 [good first issue](https://github.com/vercel/next.js/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22good+first+issue%22)[help wanted](https://github.com/vercel/next.js/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22help+wanted%22) 标签的 issue 是不错的起点。
182165

@@ -185,6 +168,6 @@ Next.js 学习网站
185168

186169
Next.js 社区已增长至超过 **6,000 名成员**
187170

188-
GitHub discussions 是一个可以讨论 Next.js、获取问题解决建议并用您的 Next.js 知识帮助其他社区成员的地方。
171+
GitHub discussions 是一个您可以讨论 Next.js、获取问题解决建议并用您的 Next.js 知识帮助其他社区成员的地方。
189172

190-
[立即加入 GitHub 社区](https://github.com/vercel/next.js/discussions)
173+
[立即加入 GitHub 上的社区](https://github.com/vercel/next.js/discussions)

0 commit comments

Comments
 (0)