path: root/files/zh-tw/mdn/contribute/howto/create_and_edit_pages/index.html

---
title: 編輯以及新增頁面
slug: MDN/Contribute/Howto/Create_and_edit_pages
tags:
  - MDN
  - 初學者
  - 新頁面
  - 編輯
translation_of: MDN/Contribute/Howto/Create_and_edit_pages
---
<div>{{MDNSidebar}}</div><p>幾乎每位MDN的貢獻者在MDN中都會做的兩件基本工作，即為編輯一個已存在的頁面或者是新增一個頁面。這篇文章將介紹如何編輯文件的基本技能。</p>

<h2 id="編輯一個已存在的頁面">編輯一個已存在的頁面</h2>

<p>想要編輯十分的簡單：</p>

<ul>
 <li>只要按下畫面右上角的 <strong>Edit</strong> 按鈕。</li>
 <li>頁面會重新載入各種選項，這樣一來你就能直接在頁面新增或刪除資訊。</li>
 <li>你可以增加文件段落、刪除文字、插入標題、以及做各式各樣的基本撰寫與編輯。</li>
</ul>

<h2 id="預覽修改">預覽修改</h2>

<p>若是要檢視您所做出的變更:</p>

<ul>
 <li>點選「預覽修改」按鈕（在編輯模式之中）位於文章標題上方。</li>
 <li>會以開啟一個新分頁或是新視窗來顯示一個您所做的所有變更。</li>
 <li>每當您按下此按鈕，此預覽頁會顯示您最新的更動狀態</li>
</ul>

<p>請注意！預覽變更<strong>並不等同</strong>儲存您的修改，請小心不要太快關閉您的文章編輯頁面。</p>

<h2 id="版本註解">版本註解</h2>

<p>在您預覽您的編輯過後，您總會希望送出您的修訂版本。在您<strong>送出</strong>之前，請在頁面文章下方找版本註解的輸入框，並且留下您於此次所做的變更註解以讓其他貢獻者能了解您做了那些變更<span style="line-height: 1.572;">。 舉例來說，您可能新增了一個段落，改變一些詞彙使其更符合原意，重新編寫段落以更在地化，或是移除了一些多餘的資訊。</span></p>

<h2 id="Tags">Tags</h2>

<p>您可以於文章編輯區塊下增加或移除用以描述文章內容以及用途的 tags。請詳見 <a href="/en-US/docs/MDN/Contribute/Tagging">How to properly tag pages</a> 以了解 tags 如何來提供資訊。</p>

<h2 id="審核是必要的嗎">審核是必要的嗎?</h2>

<p>在您送出您的變更之前，您可以藉由勾選技術審核（針對 code、APIs或是技術內容），編輯審查（針對篇章結構、文法或內容），或是模板審查（針對 KumaScript code ），來讓專家或是經驗豐富的貢獻者審核您的變更。</p>

<h2 id="附件">附件</h2>

<p>若您想要讓文章更易於理解或是加上插圖，而希望在頁面上<strong>夾帶檔案</strong>，您可在文章編輯頁面下方找到此功能。{OptimizeImagesNote(1)}}</p>

<h2 id="儲存、放棄、以及繼續修改">儲存、放棄、以及繼續修改</h2>

<p>當您修改完成，以及滿懷希望的預覽修改之後，您可以填寫註解並且透過點擊於文章標題右手邊的「<strong>儲存修改</strong>」綠色按鈕。若您改變您的心意，您可以透過點擊於文章標題右手邊的「<strong>放棄修改</strong>」紅色按鈕。</p>

<p>於版本註解輸入 <strong>Enter </strong>和點選「儲存並繼續修改」具有同等的效果。</p>

<h2 id="新增一個新頁面">新增一個新頁面</h2>

<p>若您不知道能夠在哪裡新增文章，<strong>別擔心！</strong>您可以隨意存放，我們會找到文章並且移到文章到它所屬的地方，或者與現有內容合併比較合理。您可以不需要為了使其完美而花費太多心力。 我們有快樂的地精幫手可以來為您的內容保持乾淨以及充滿價值。</p>

<p>以下是一些創造新頁面的方法：</p>

<ul>
 <li><a href="#「缺失頁面」連結">「缺失頁面」連結</a></li>
 <li><a href="#非基於連結而建立的新頁面">非基於連結而建立的新頁面</a></li>
 <li><a href="#從現有的頁面新增子頁面">從現有的頁面新增子頁面</a></li>
 <li><a href="#複製現有的頁面">複製現有的頁面</a></li>
 <li><a href="#從現有頁面連結">從現有頁面連結</a></li>
</ul>

<h2 id="「缺失頁面」連結">「缺失頁面」連結</h2>

<p>就像大部分的wiki，在MDN上當然可能在頁面上新增還未存在的頁面連結。舉例來說，作者可以在新增API所屬頁面前，新增所有API的成員清單。在MDN上，連結至還未存在的頁面會顯示為紅色。</p>

<p>要在頁面新增「缺失頁面」連結：</p>

<ol>
 <li>請先確認您已經登入MDN（如果您還未登入，點繫「缺失頁」連結會出現404（找不到頁面）錯誤）。</li>
 <li>點擊「缺失頁面」連結，將開啟<a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Editor">MDN Editor UI</a>，讓您新增缺失頁面。</li>
 <li>撰寫頁面內容，並且儲存。</li>
</ol>

<h2 id="非基於連結而建立的新頁面">非基於連結而建立的新頁面</h2>

<p>為了建立一個非基於連結而建立的新頁面，您需要於 URL 區塊後輸入一個獨一無二的頁面名稱。舉例來說，若您輸入:</p>

<pre class="language-html">https://developer.mozilla.org/en-US/docs/FooBar</pre>

<p>MDN 會心建立一個標題為「FooBar」而且會於開啟編輯器讓您能夠編輯此新頁面。請參考 <a href="#Editing_an_existing_page">Editing an existing page</a> section of this article for how to use the editor mode.</p>

<h2 id="從現有的頁面新增子頁面">從現有的頁面新增子頁面</h2>

<p>為您在現有的頁面架構下新增一個子頁面:</p>

<ol>
 <li>在「父」頁面，點選<strong>進階目錄</strong> ( 於列表上呈現齒輪圖樣 )，並點選<strong>新增子頁面</strong>。接著便會出現一個可以編輯新頁面的模式。</li>
 <li>於 <strong>Title</strong> 欄位輸入文章標題。</li>
 <li>若有必要，改變 <strong>Slug</strong> 欄位 ( 舉例來說，若文章標題非常長而您又希望有個較短的 URL）。此欄位會由編輯器自動地來填入， by substituting underscores for spaces in the title. 在此種狀況下，您只能改變 URL 的最後一部分。</li>
 <li>在<strong>TOC</strong>欄位，選擇您想要自動生成顯示在目錄的標題層級，或者這一頁不需要目錄也可以選擇「不需要目錄」選項。</li>
 <li>於編輯器中增添內容並且儲存，請參考 <a href="#Editing_an_existing_page">Editing an existing page</a> 文章來了解如何運用編輯模式。</li>
</ol>

<h2 id="複製現有的頁面">複製現有的頁面</h2>

<p>若您想於您的新頁面上套用某個現存頁面的格式，您可以點選「複製此頁」並於稍後改變該複製頁的內容。</p>

<ol>
 <li>於原始的頁面上，點選<strong>進階目錄</strong> ( 於列表上呈現齒輪圖樣 )，並且點選<strong>複製此頁</strong>。接著便可編輯一個以該原始文件為樣本的複製頁面。</li>
 <li>您可根據您文章的內容適當地訂下<strong>標題</strong>。<strong>Slug</strong> 會根據您文章<strong>標題</strong>如何訂定而自動變換。</li>
 <li>如有必要，可以改變 <strong>Slug </strong>的部分內容以呈現出新文件於原始架構下的不同。（在大多數的狀況下，此舉是多餘的。因為複製後的頁面對於原始頁面具有相似的內容，因此就必須放在相似的架構之下。）</li>
 <li>在<strong>TOC</strong>欄位，選擇您想要自動生成顯示在目錄的標題層級，或者這一頁不需要目錄也可以選擇「不需要目錄」選項。</li>
 <li>在頁面編輯欄位編寫內容，並且儲存您的變更。請參考 <a href="#Editing_an_existing_page">Editing an existing page</a> 文章來了解如何運用編輯模式。</li>
</ol>

<h2 id="從現有頁面連結">從現有頁面連結</h2>

<p>這種方法算是混合形式，您可以在其他頁面產生連結，接著點擊剛加上去的連結，就會產生新的頁面了。</p>

<ol>
 <li>從現有頁面任何地方輸入新頁面的名稱（需合理）。</li>
 <li>反白該名子並且於編輯器中點選連結圖樣（<img alt="" src="https://developer.mozilla.org/files/3810/link-icon.png" style="height: 28px; width: 29px;">）。「連結」的訊息框會出現並且詢問該段反白文字需要被導向哪個頁面</li>
 <li>「/zh-TW/docs/」 是預設的 URL 欄位內容。您可於「/zh-TW/docs/」之後輸入新頁面的名子（該頁面的名字並不需要和被連結的文字內容相同）。</li>
 <li>點擊「確定」來創造和插入新的連結。</li>
</ol>

<p>當連結呈現紅色時，代表著該頁面尚未存在。當連結呈現藍色時，代表著該頁面已經存在。若您想要建立一個新頁面但他的編題已經存在時，首先去檢查並改善現存的頁面，否則為您的新頁面想個不同的標題名稱並以此產生連結。請參考 <a href="https://developer.mozilla.org/Project:en/Page_Naming_Guide" title="Project:en/Page_Naming_Guide">page naming guide</a> 以幫助您命名。</p>

<p>您可點擊您新建立的紅色連結（在您儲存以及關閉編輯器之後），來為您的新頁面增添內容。新頁面將在編輯模式下開啟，此時您就可以編寫內容了。請參考 <a href="#Editing_an_existing_page">Editing an existing page</a> 文章來了解如何運用編輯模式。</p>

<h2 id="重新整理頁面內容">重新整理頁面內容</h2>

<p>MDN支援KumaScript巨集和嵌入其他頁面內容插入頁面，有時候因效能因素需要為生成的頁面用快取，而略為延遲內容更新。頁面從原始碼生成，產生的頁面會先產生快取以便未來存取使用。從現在起，所有的巨集（模版）或是嵌入（在該頁使用<span class="templateLink"><code><a href="https://developer.mozilla.org/en-US/docs/Template:Page">Page</a></code></span>巨集）並不會馬上就會反應更動後的巨集變動，巨集生成頁面，或者嵌入頁面的內容。</p>

<ul>
 <li>要手動更新頁面，您可以在您的瀏覽器強制更新。MDN偵測到強制更新，將會重新生成頁面，更新的巨集生成頁面，以及嵌入頁面內容。</li>
 <li>您可以週期性設定自動重新生成頁面。不過除非該頁面常常更新，不然請不要這麼做。請參考 <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Tools/Page_regeneration">Page regeneration </a>一文獲得更多資訊。</li>
</ul>

<h2 id="參見">參見</h2>

<ul>
 <li><a href="/en-US/docs/MDN/Contribute/Editor">MDN 編輯器指南</a></li>
 <li><a href="/zh-TW/docs/MDN/Contribute/Content/Style_guide">MDN 風格指南</a></li>
</ul>