Hexoで作ったブログにPWAプラグイン入た時のメモ

個人的なブログを「ホームに追加」してみたくなり、
PWA対応を入れたのでそのメモです。

※PWA初心者です

構成

• Hexo
  • A fast, simple & powerful blog framework
• Theme - phantom
• NEW♪ -> hexo-pwa

install

README通りだけど
npm install --save hexo-pwa

後は、_config.ymlに設定を追加・編集

詰まったこと

iOSでアイコンが変わらない。。。

iOSはmanifest.jsonに書いても読み込んでくれないようです。
headに別途タグを追加する必要があるようです（ﾒﾝﾄﾞｸｾｪ

GoogleがPWACompatというものを出していた！！！
PWACompatは、headへのタグ追加をやってくれるみたいです！（感謝

ココでいいのか不安ですが、追加しました。

/themes/phantom/layout/_partial/head.ejs

<!-- PWACompat -->
<link rel="manifest" href="manifest.webmanifest" />
<script async src="https://cdn.jsdelivr.net/npm/pwacompat@2.0.7/pwacompat.min.js"
  integrity="sha384-ptgwb3/v69WGur7IwSnWOowVxE7hcRB3DG/EiHdejrw2sFNwUHynFbiRMPxc4hdS"
  crossorigin="anonymous"></script>

結果。。。。できた！！！(ノ≧∀)ﾉわぁ～い♪

メモ終わり。

PWA関係無かった?!