我正在使用jekyll-postfiles插件来简化生活。这个插件使我可以在博客文章的子文件夹中拥有静态内容。例如:
_posts/
├── 2018-10-10-a.md
└── 2018-10-11-b/
├── 2018-10-11-b.md
└── b.png
我可以在markdown中将图像用作本地文件:![](b.png)
中的2018-10-11-b.md
。该插件使复制文件和使链接正常工作具有所有魔力。
但是现在我想使用jekyll-seo-tag,并且要设置如下的YAML变量:
---
image: "{{ page.url }}b.png"
---
这只是在HTML文件中创建自定义元数据,我不在博客文章中使用该变量。但我无法完成这项工作。 page.url
液态变量未展开,最终元数据如下所示:
<meta property="og:image" content="myBlog/%7B%7B%20page.url%20%7D%7D%2Fmap.png" />
代替:
<meta property="og:image" content="myBlog/2018/10/11/b/b.png" />
此属性位于html页的head
中。 StackOverflow中的一些问题说明了如何从最前的事项中获取变量 并解析文档正文中的液体标记。我需要的是在处理markdown文件之前解析液体标记。
是否可以使YAML前端问题在处理文件之前解析液体变量?
答案 0 :(得分:0)
我不清楚为什么前件应该包含一个变量。
在大多数情况下,您不需要在开头的变量。我认为您的情况也是如此。我将最重要的变量移至布局文件。因此,布局文件应如下所示:
<meta property="og:image" content="myBlog/{{ page.url }}/{{ page.image }}" />
...,前部物品应如下所示:
---
image: "b.png"
---
我写的SEO without plugin可以轻松交换SEO插件。可以轻松调整以适应您的需求。这是添加到头部的代码:
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
{% assign pagecontent_description = page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | strip_html | strip_newlines | replace: ' ', ' ' | truncate: 160 %}
<meta name="description" content="{% if pagecontent_description.size > 10 %}{{ pagecontent_description }}{% else %}{{ site.description }}{% endif %}">
<link rel="shortcut icon" type="image/png" href="/img/icon-196x196.png">
<link rel="shortcut icon" sizes="196x196" href="/img/icon-196x196.png">
<link rel="apple-touch-icon" href="/img/icon-196x196.png">
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="{{ page.title }}"/>
{% if page.image %}<meta property="og:image" content="{{ page.image }}"/>{% endif %}
<meta property="og:url" content="{{ site.url }}{{ page.url }}"/>
<meta property="og:type" content="article">
<meta property="og:image" content="{{ site.url }}{{ page.image }}"/>
<meta property="og:site_name" content="{{ site.title }}"/>
<meta property="og:description" content="{% if pagecontent_description.size > 10 %}{{ pagecontent_description }}{% else %}{{ site.description }}{% endif %}"/>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@{{ site.twitter_url }}">
<meta name="twitter:title" content="{{ page.title }}" />
{% if page.image %}<meta name="twitter:image" content="{{ site.url }}{{ page.image }}" />{% endif %}
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}" />
<meta name="twitter:description" content="{% if pagecontent_description.size > 10 %}{{ pagecontent_description }}{% else %}{{ site.description }}{% endif %}" />
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
<link rel="sitemap" type="application/xml" title="Sitemap" href="{{ "/sitemap.xml" | prepend: site.baseurl | prepend: site.url }}" />
如有任何疑问,请告诉我。