AMP

設定

先決條件

開始本教學課程前,您需要準備好下列項目

  • HTML、CSS 和 JavaScript 的基本知識
  • 對 AMP 核心概念的基本理解 (請參閱「將您的 HTML 轉換為 AMP」教學課程)
  • 您選擇的瀏覽器,並且可以檢查 JavaScript 主控台
  • 您選擇的文字編輯器

設定您的開發環境

步驟 1:下載程式碼

下載本教學課程的範例程式碼,您可以選擇下載 ZIP 檔案,或透過 git 下載

git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git

解壓縮封存檔 (如有必要),並透過電腦上的命令列導覽至專案目錄

cd accelerated-mobile-pages-advanced

專案目錄包含數個範例資源檔案,以及起始的 article.amp.html 網頁。

步驟 2:執行範例網頁

若要測試範例 AMP 網頁,我們需要從網路伺服器存取這些檔案。有多種方法可以建立暫時的本機網路伺服器以供測試之用。以下是一些選項,請選擇最適合您的一個

注意 – 強烈建議您在生產環境中使用 HTTPS。除了安全性之外,HTTPS 還有多項優點,包括 SEO。您可以在這篇 Google 網站管理員部落格文章中閱讀更多關於此主題的資訊。

設定好您的本機網路伺服器後,請在瀏覽器中透過 此網址存取範例文章

https://127.0.0.1:8000/article.amp.html