--- title: 如何创建及编辑页面 slug: MDN/Contribute/Howto/Create_and_edit_pages tags: - 指南 - 新手 - 简介 translation_of: MDN/Contribute/Howto/Create_and_edit_pages ---

测试页面

需要帮助？ • 编者指南 • 风格指南

如何编辑一个页面: 

  1. 登陆 MDN Web Docs 账号，若未注册请注册。
  2. 如果你在只读版本的 MDN Web Docs（https://developer.mozilla.org），点击点击页面右上角的 Edit in wiki（在 wiki 编辑）按钮。这将带你进入可编辑的，wiki 版本的网页（https://wiki.developer.mozilla.org），但是这并没有真正地打开可编辑的界面。
  3. 请点击 wiki 页面文章标题旁的 编辑 按钮。
  4. 页面会重新加载具有规定格式的编辑页面，你可以直接在页面上新增或者删除内容。
  5. 你可以新增段落，删除文本，插入标题，并且执行更多涉及编写和编辑的功能。

通过查看MDN Editor guide里的Editor UI elements获得更多关于MDN内置编辑器的信息。

预览修改

查看你修改的内容：

注意！预览页面并不会保存你的修改内容，所以你在关闭编辑的页面前必须保存你的修改。

版本注释

当预览修改之后，你需要保存你的修改版本。在保存之前，查看页面文章下方的版本注释栏，留下一些注释信息来告诉其它贡献者你为什么要去修改它。例如，你可能新增加了一个章节，或修改了一些文字来使得术语表述的更加一致，亦或重构了一个段落使其语言更加易于理解，或者就是删除了一些冗余信息。

目录

一篇文章的“在本文中”部分是自动生成的页面上标题的链接列表。这些链接的措词可以通过编辑标题进行编辑。也可以通过选择“编辑页面标题和属性”和改变“TOC”下拉列表的值，从而删除目录，或减少链接数量。

标签

你可以新增或删除编辑区域下面的一些描述页面内容或者功能的标签。查看 如何正确标记页面 来了解如何为页面添加合适的标签。

需要复核？

保存之前，为了确保信息的准确性，你可以勾选技术复核（针对代码，API，或技术），编辑复核（针对文章，语法，和内容），或模板复核（针对KumaScript code）的选择框，来让专家或有经验的贡献者复核你的编辑信息。

附件

如果你想附加某个文件到一个现有的页面中来添加插图或作进一步说明的话，你可以在页面底部输入。当你上传图片时，请确保使用图片优化工具进行优化，以便我们的图片足够小，方便下载。这样便提高了页面加载速度，提升MDN的整体性能。有可能有你钟爱的工具，如果没有的话，我们推荐一款容易上手的Web工具：TinyPNG。

保存，放弃更改，继续编辑

当你完成编辑，并确认过预览界面，你可以点击标题右边或者文章底部的的绿色按钮“发布修改”来发布你的文章和注释。如果你想要继续编辑，可以选择点击按钮“发布并继续编辑”来保证在保存编辑的同时不离开编辑模式。

如果你改变主意，你也可以点击页面右侧的红色按钮“放弃”来放弃你的编辑，注意放弃更改是不可撤销返回的。

在版本注释区域点击 Enter 键和点击按钮“发布并继续编辑”具有相同的效果。

注意：当你尝试保存你编辑好的页面时发现你的编辑被视为无效操作而被拒绝了，若你编辑好的内容又确实是适合MDN的，此时你可以向MDN管理团队发送邮件来获得帮助。

获取新建页面的许可

出于对安全的考虑，最近创建的MDN账号是没有权限新建页面的。如果你尝试这样做，你将看到一个页面引导你如何创建新页面。有以下两种可选的方式：

新建一个页面

当你拥有创建新页面的权限之后，你就可以开始创建页面了。

找不到在哪里新建一个页面？别担心！你可以在任何地方新建一个页面，我们会找到它并把它归档或者合并到最合适的类别下。你也不用过多担心它不够完美，我们有热心的志愿者来帮你打理，让你的文章保持干净美观。 

下面是一些新建页面的方法：

“缺失页面”链接

和许多维基站点一样，在 MDN 也有可能创建一个链接，它指向一个尚不存在的页面。例如：一个作者可能创建了一个清单页面，该页面涵盖了某个API的所有成员，而这些成员对应的页面还没创建好。在 MDN，指向到缺失页面的链接通常显示为红色。

从“缺失页面”链接创建对应的页面需要：

  1. 确认已登录进 MDN，并且拥有新建页面的权限。（若未登录就点击“缺失页面”链接，会得到一个404（找不到页面）的错误。）
  2. 点击“缺失页面”链接。如果你拥有页面创建权限，MDN编辑器界面会自动打开，准备好让你创建缺失的页面。
  3. 编写页面内容，然后保存。

不需要链接的新页面

想要创建一个没有链接到其他页面的新页面时，你需要在你的浏览器中键入一个包含新页面名字段的URL。例如，如果你键入以下URL并回车：

https://developer.mozilla.org/en-US/docs/FooBar

MDN将创建一个标题为“FooBar”的新页面并且打开编辑器让你能够为新添加的页面添加内容。请参考本文中编辑一个已存在的页面的小节来学习如何使用编辑器模式。

要创建一个没有链接到其他页面的新页面需要：

  1. 确保您已经登陆MDN，并且拥有创建新页面的权限。
  2. 在您的浏览器中输入以下URL并回车。
https://developer.mozilla.org/en-US/docs/new

此时，MDN 创建新页面时有一个地方专门用来填写标题，打开编辑器后您就可以添加内容到这个新页面。请参考本文中编辑一个已存在的页面的小节来学习如何使用编辑器模式。

已存在页面的子页面

在页面层次结构中的现有页面以下创建页面，需要：

  1. 在“父”页面，点击高级菜单（工具栏中的齿轮按钮），然后点击“新建子页面”。
  2. 打开编辑器视图以创建新文档。
  3. 在标题栏键入文档标题。
  4. 需要的话，更改 Slug 字段（例如，若标题太长而你又想用较短的URL）。该字段由编辑器自动填充，替换掉标题处的空白下划线并且只更改文档对应的URL的最后一部分。
  5. 在 TOC 字段，选择你想自动显示在页面目录中的标题级别，或者如果一个都不需要的话可以选择”无目录“。
  6. 在编辑框中编写页面内容，然后保存您的修改。请参考本文中编辑一个已存在页面的小节来学习如何使用编辑器模式。

克隆一个已存在的页面

如果你想应用一个已经存在的页面的版式，你可以“克隆”这个页面并且修改其内容。

  1. 在原页面中，点击高级菜单（工具栏中的齿轮按钮），然后点击“克隆此文章”，一个编辑器视图就会被打开来创建新文档。
  2. 更换一个合适的标题，当你在更改标题时，Slug 字段会自动更新。

  3. 如果需要，更改 Slug 字段部分的路径，然后把新的文档放入文件夹的另一处（在大多数情况下这是没有必要的，因为克隆的页面与原始页面拥有相似的内容，因此克隆的页面应该与原始页面安排在相近的位置）。

  4. 在TOC字段中，选择你想让其显示在目录中的标题等级，或者选择“没有目录（No table of contents）”如果页面不需要的话。

  5. 在编辑面板输入页面的内容并保存您的修改。请参考本文中编辑一个已存在页面的小节来学习如何使用编辑器模式。

从现有页面链接到新页面

你可以在一个现有页面创建一个链接，然后点击这个链接来创建一个新页面：

  1. 在现有页面上任意但合理的位置输入新页面的名字
  2. 将名字设置为高亮显示并在编辑工具栏点击链接图标（也可能是简洁的锁链状）。“更新链接”对话框打开，高亮的文字会被显示在“链接文本”框中。 
  3. "/en-US/docs/" 会被默认添加到URL的开头。在 "/en-US/docs/" 后输入此页面的名字。当然，链接文字和新页面的标题也可以不一样。
  4. 点击“确认”来创建和插入这个链接。

如果这个页面不存在，这个链接将会用红色显示。如果这个页面存在，这个链接将会用蓝色显示。如果你想创建一个新的页面，但是你想创建页面的标题被占用了，请考虑是否更应该去编辑和改进这个已经存在的页面。如果您认为创建一个新页面更有必要，可以选择一个不同的标题并创建它。请参考页面命名指南获得指导。

为了给您新建的页面添加内容，点击您刚刚创建的红色的链接（在保存并且关闭编辑器之后）。新的页面将进入编辑模式使您能够开始编写内容，请参考本文中编辑一个已存在的页面的小节来学习如何使用编辑器模式。

刷新页面内容

由于性能上原因，MDN对KumaScript 宏指令和将一个页面嵌入另一个页面中的支持有时候会稍微被页面缓存所妨碍。页面由它们的数据源编译，并且输出会被缓存起来用来将来的页面请求。从那时起，在该页面的任何宏指令（模板）或者嵌入（使用宏Page ）将不会展现由于宏，宏的输出，或者嵌入的原本内容所引起的变化。

更多参考