Добавить og: изображение на определенные страницы в Hugo - PullRequest
Новая
       30

Добавить og: изображение на определенные страницы в Hugo

0 голосов
/ 09 января 2019

Мне только что передали сайт Хьюго. И мне нужно добавить og: image для примера, скажем, www.site.com/page1, а также подстраницы www.site.com/page1/something и еще несколько десятков элементов ...

Я читаю документы и нашел это. 

// First in config.toml use the following:
baseURL = "//example.com" [params] og_image = "/some-image.jpg"

// Then in a post’s frontmater set a parameter for the OpenGraph image
og_image = "/images/1.jpg"

// And in the HEAD partial put the following:
> {{ if .Params.og_image }} > `` > `` > {{ else }} > `` > `` > {{ end }}
// And that’s it.

У меня возникли проблемы с пониманием того, что положить в params. Что это значит с > `` > Где я должен включить meta-tag, не могли бы вы объяснить это мне? Я никогда раньше не использовал Гюго, и документы немного странные ... По сути, для каждой страницы и подобной страницы я хочу использовать изображение для og: image ..

В настоящее время в моем config.yaml, у меня есть: 

baseurl: "www.site.com/"

Ответ в заголовке {{.Hugo.Generator}} 

    {{ if isset $.Params "ogtype" }}
    <meta property="og:type" content="{{ .Params.ogtype }}">
    {{ end }}

    {{ if isset $.Params "ogimage" }}
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@siteLtD">
    <meta property="og:title" content="{{ .Params.title }}">
    <meta property="twitter:title" content="{{ .Params.title }}">
    <meta property="og:image" content="{{ .Params.ogimage }}">
    <meta property="twitter:image" content="{{ .Params.ogimage }}">
    {{ else }}
    <meta property="og:image" content="www.site.com/images/site-ogi.png">

Если бы вы могли подсказать мне, что мне нужно включить, чтобы подстраницы получили конкретное изображение, было бы здорово, спасибо !!

1 Ответ

0 голосов
/ 10 января 2019

Вам необходимо указать свое изображение в config.yaml. Тогда я предполагаю, что передний вопрос вашей темы 'post' также принимает og param. Частичный заголовок извлекает эти параметры после установки. Затем в зависимости от вашего шаблона и конфигурации, что-то вроде: 

{{ with .Params.images }}{{ range something . }}
  <meta property="og:image" content="{{ . | absURL }}" />
{{ end }}

См .: https://gohugo.io/templates/internal/#configure-open-graph & https://gohugo.io/variables/page/

Кроме того, поскольку вы действительно новичок в Hugo, я бы порекомендовал прочитать документы по шаблонам, использовать партиалы и т. Д., Чтобы лучше понять, где использовать meta-tag и другие рекомендации, поскольку это также может варьироваться от темы к тема. Это также должно помочь: http://brendan -quinn.xyz / post / working-hu -os-internal-частичное-templates-facebook-and-open-graph /

...