HugoテンプレートのAMP対応をした

Istio v0.8がリリースされたので更新内容についての記事を書こうとしていたら、いつのまにかテンプレートのAMP対応をしていた。

手順

  1. ざっと公式ページを見る
  2. ひたすら置き換える
  3. chromeのアドレスバーに#development=1を追加してconsoleにvalidation errorが出ていないかチェック
  4. ひたすら直す
  5. well done :D

変えたポイント

  • amp用の識別子たちを追加
  • cssファイルをconvertしてhtmlに吐き出し
  • jsを全て取り払う
    • hilightjsはgist pluginに変更
    • menuはsidebar, accordion pluginに変更
    • jump to top buttonはanimation, position pluginに変更
    • discusはiframe pluginを使って別domainから呼び出し
    • custom searchもiframeから呼び出し
  • imgタグをamp-imgに変換

references