如何在Hugo中将图像路径从最前面的物质转换为Resource对象

时间:2019-09-03 00:32:57

标签: image-processing hugo

当我尝试将前端定义的并且相对于页面捆绑包定位的图像解析为可以通过SELECT id AS ID , CASE WHEN IFNULL(first_name, '') = '' THEN 'NULL' ELSE first_name END AS Name FROM tbl_user 操作和使用的图像资源时,就会发生问题。

这里是示例目录结构...

.Resources

这是我在|-- content | +- blog | +- images | | | +- cover-picture.jpg | +- my-post.md 的开头声明hero_image的方式

my-post.md

现在,我正在尝试将图像解析为可以以两种方式使用的资源。第一个是在自定义部分中,该部分会生成一个推特卡,其中包含大小合适的--- title: My Post Title draft: false hero_image: images/cover-picture.jpg --- ... 版本。

文件:hero_image

/partials/twitter/card_summary.html

这是我尝试使用相同资源的第二种方法,但是在这种情况下,只需获取其{{ $twitterPic := false }} {{ with .Page.Params.hero_image }} {{ $heroImg := $.Page.Resources.GetMatch . }} {{ $twitterPic = $heroImg.Fit "280x150"}} {{ end }} <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="..."> <meta name="twitter:creator" content="..."> <meta name="twitter:title" content="{{ .Title }}"> <meta name="twitter:description" content="{{ .Description }}"> {{ with $twitterPic }} <meta name="twitter:image" content="{{ $twitterPic.Permalink }}"> {{ end }} ...

文件:.Permalink

/layout/blog/single.html

在两种情况下,对{{ $heroImg := false }} {{ with .Page.Params.hero_image }} {{ $heroImg = $.Page.Resources.GetMatch . }} {{ end }} {{ define "twitter"}} {{ partial "twitter/card_summary.html" . }} {{ end }} {{ define "main" }} <section {{ with $heroImg }}style="background-image: url({{ .Permalink }});"{{ end }} class="hero"> <div class="container"> <h1>{{ .Title }}</h1> </div> </section> <!-- Rest of templates removed for simplicity --> {{ end }} 的调用都返回$.Page.Resources.GetMatch .。我究竟做错了什么?为什么找不到资源?

0 个答案:

没有答案