AMP

設定

先決條件

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

  • HTML、CSS 和 JavaScript 的基本知識
  • 您可以檢查 JavaScript 主控台的瀏覽器 (任您選擇)
  • 文字編輯器 (任您選擇)

設定您的開發環境

步驟 1. 下載程式碼

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

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

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

cd accelerated-mobile-pages-foundations

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

步驟 2. 執行範例頁面

為了測試我們的範例頁面,我們需要從網路伺服器存取檔案。有多種方法可以建立暫時的本機網路伺服器以進行測試。以下是一些選項,請選擇最適合您的方法

注意 – 強烈建議您在生產環境中使用 HTTPS。HTTPS 除了安全性之外,還有多項優點,包括 SEO。您可以在這篇 Google Webmaster 部落格文章中深入瞭解這個主題。

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

https://127.0.0.1:8000/article.html