まずは、GitHubにある最新のHexoをインストールします。
今回は、4.2.1が可動していた環境に、上書きでインストールしました。
$ cd <my-blog-dir> |
そして拙作プラグインをInjector対応にしたものを、GitHub上の私の開発ブランチから導入します。
hexo-tag-google-photos-album
参考:修正内容
$ npm i git+ssh://git@github.com:isnot/hexo-tag-google-photos-album.git#new_injector |
さらに、hexo-light-galleryもHexo 5.0 w/ Injector対応したので、これも導入します。
参考:修正内容
$ npm i git+ssh://git@github.com/isnot/hexo-light-gallery.git#isnot-hexo5 |
動作確認。
インデックスの場合。同一画面内に複数記事があり、各々にギャラリーがあったりなかったりするパターン。
https://pages.isnot.jp/
post個別ページで、画面内にギャラリーが単一のみ存在するパターン。
https://pages.isnot.jp/2019-05/30-TMG-Observatories/
post個別ページで、画面内にギャラリーが複数あったり、直接画像タグを使って画像を貼るなど混在しているパターン。
https://pages.isnot.jp/2019-04/13-image-test/
postではない、個別のpageのパターン。
https://pages.isnot.jp/about/
ひとまず、これはマズイなぁという感じの動作が改善されていることを確認できました。
仕様レベルで調整をする余地はあるかとはおもいますが、OKということにしましょう。
Hexo 5.0がリリースになった暁には、hexo-tag-google-photos-albumの修正をnpmにパブリッシュしたい。
4系、3系の場合を考慮したバージョンチェック的なコードを付け加えたほうがいいかも。
※補足
lightgallery.jsは、jQueryに依存しない、lightbox風ギャラリーです。
Hexo界隈でよく見られるfancyboxは、jQuery依存なので、かわりにこちらを使っています。