HUGO

画像一覧ページについて。

とあるlistページにて画像を一覧表示し、クリックorタップすると、そのページに飛ぶ・・・古いHugoのverにて作ったことがあるのですが、
Hugoのverを新しくしたら画像が表示されなくなったと言われてしまい・・・。

Front Matterは、image:
<img src="{{ .Params.image }}" こちらで表示は問題無かった。
verは、3年位前のもの。0.2x?

どのような可能性があるでしょうか?

変数名が images であれば最近追加されたものと重複しているので問題が発生しそうですが image なんですね。

今の情報量からだとなんとも言えません…

hugo はなにもエラーを吐かずにビルドは成功して、画像の表示ができないということですかね? ブラウザの開発者ツールのエラーは確認されましたか?

hugo エラーは無しとのこと。


をやろうとしたのか?、画像をstatic/imgから同じディレクトリに移動させた模様。
Chromeのエラーは下記。
GET 画像 net::ERR_FILE_NOT_FOUND
Failed to load:画像
テーマ自体は、いじっていないとのことなんですが・・・。

これですね。

content 以下に配置されている画像などのリソースにアクセスできるようになったのは最近ですので、テーマの編集が必要だと思います。

テンプレートからは以下のようにして画像を取得できます。

{{ $image := $.Page.Resources.GetMatch $.Params.image }}
{{ $imageHash := $image | resources.Fingerprint "sha512" }}
<img src="{{- $imageHash.Permalink -}}">

あとは Fingerprint を取得してみたように画像関連の処理ができます。

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.