建立測試頁面

請勿提交含有測試網頁、示範網頁或含有「測試」等關鍵字或 LDAP 的檔案名稱的 CL！

以下是測試程序，可示範 Markdown、HTML 或多媒體在 Workspace DevSite 租戶中的顯示方式。

  • 重要事項：您只會在預先發布伺服器上進行測試。請勿提交您建立的任何 CL，否則測試頁面會對外發布。

  • 你是新手，想試試完整的發布程序嗎？在已發布的實際文章中，找出可改善的錯字或不重要的句子，然後進行修正！

如要建立測試頁面，請按照下列步驟操作：

1. 在 Cider 中建立新的 Piper 工作區

2. CL 822252118 中的修補程式

3. 上傳要測試的圖片，或更新頁面

4. 暫存 (而非提交或發布) 更新後的測試網頁內容

1. 在 Cider 中建立新的 Piper 工作區

  1. 在 Chrome 中前往 Cider/。
  2. 依序按一下頂端的「工作區」接下來「新增 Piper 工作區」。
  3. 為工作區命名，名稱不限，也不必是專屬名稱 (例如 mm-test)。

2. CL 822252118 中的修補程式

  1. 在 Cider 的新 Piper 工作區中，按一下頂端的「Workspace 接下來 Patch CL」。
  2. 輸入下列資訊：
    • 在「CL to patch」(要修補的 CL) 中，輸入 822252118。
    • 在「目標 CL」部分，選取「預設」。

  3. 按一下「Patch CL」。

    您應該會在 UI 底部的「Source control」部分看到 2 個新檔案 (螢幕截圖)

3. 上傳要測試的圖片，或更新頁面

按一下「testpage.md」testpage.md，開啟要更新的測試頁面。

  • 更新 Markdown 程式碼即可變更頁面內容。

  • 如要測試圖片，請將圖片檔案拖曳至左側的 playground 資料夾 (或按一下右鍵 接下來「上傳檔案」- 螢幕截圖)，然後更新 testpage.md 中的 HTML，指向新的圖片檔案名稱。

    如要進一步瞭解 DevSite 上的圖片和其他小工具 (例如燈箱或輪轉介面)，請參閱官方 DevSite 內部說明文件。

  • 如要測試 YouTube 影片，請將下列 <devsite-video> 程式碼新增至測試頁面，並更新影片 ID。

<div class="video-wrapper">
  <devsite-video video-id="dQw4w9WgXcQ"
          data-list="PLWz5rJ2EKKc9ofd2f-_-xmUi07wIGZa1c">
  </devsite-video>
</div>

4. 暫存 (而非提交或發布) 更新後的測試網頁內容

如要查看變更，請將變更上傳 (或「暫存」) 至暫存伺服器：

  1. [一次性程序] 在 Cider 中安裝 DevSite 擴充功能

    1. 在 Cider 中，按一下左側的「擴充功能」圖示 Cider V 擴充功能檢視畫面圖示 (或按下 Shift + Cmd + X)

    2. 搜尋「DevSite」

    3. 從結果中選取「DevSite」，然後按一下「安裝」。

    4. 按一下 UI 底部的「Source Control」檢視畫面中的「testpage.md」testpage.md，返回測試頁面。

  2. 在 Cider 中，依序按一下頂端的「View」(查看)接下來「Command palette」(指令面板)。

  3. 選取「DevSite: Stage current file」(DevSite：暫存目前檔案)。

  4. 對圖片檔案重複執行這項程序。(從「來源控制」檢視畫面選取，然後按照步驟 2-3 操作)。

  5. 如要查看更新後的內容，請前往 https://workspace.devsite.corp.google.com/playground/testpage

注意：如果您建立 CL 來封裝變更以供示範，請在 CL 說明開頭新增 DO NOT SUBMIT。這樣一來，系統就會防止意外提交 CL。

Cider V 擴充功能檢視畫面圖示