Question

我看到Pico CMS 2.0中有一些代码可以管理社交信息（Facebook等），但是我找不到任何示例。代码示例在树枝文件中包含以下内容：

{% for social in pages._meta.meta.social %}
    <a href="{{ social.url }}" title="{{ social.title }}" role="button">
        <span class="icon-{{ social.icon }}" aria-hidden="true"></span>
        <span class="sr-only">{{ social.title }}</span>
    </a>
{% endfor %}

但是不清楚元信息必须去哪里。我在一个单独的文件调用_meta.md中看到了一个包含以下代码的示例，但它似乎不起作用：

---
social:
  - title: Visit us on Facebook
    url: https://example.com/sallysflowers
    icon: facebook
  - title: Check us out on Twitter
    url: https://example.com/sallyflora
    icon: twitter
  - title: Contact us by Email!
    url: mailto:sallysflowershop@example.com
    icon: mail
---

Answer 1

呃，这只是复制/粘贴问题。 PicoCMS对于meta子项之前的空格数非常挑剔。

破折号子项之前必须有四个空格，其他子项之前必须有六个空格。任何其他价值似乎都只是在使社交项目失效。因此答案将是：

---
social:
    - title: Visit us on Facebook
      url: https://example.com/sallysflowers
      icon: facebook
    - title: Check us out on Twitter
      url: https://example.com/sallyflora
      icon: twitter
    - title: Contact us by Email!
      url: mailto:sallysflowershop@example.com
      icon: mail
---

请注意，社交图标是使用Fontello制作的，图标调用是在themes/default/css/fontello.css中定义的，该themes/default/icon/*也使用{{1}}文件。

社交元标记在Pico CMS 2.0中如何工作？

1 个答案: