ポストに画像がない場合、ジキル投稿のサムネイルを取得するにはどうすればよいですか？

私はジーキルを使ってブログを構築していて、投稿へのリンクを共有したいのですが。投稿のプレビューサムネイルを作成したいと思いますが、投稿自体には画像がありません。そのようにしたいと思います。どのようにそれについての任意のアイデアですか？ポストに画像がない場合、ジキル投稿のサムネイルを取得するにはどうすればよいですか？

出典

2016-08-29 Matt Smith

それは、特定のジキルていないが、あなたは仕事にこれを提供するために、グラフを開くメタデータ（http://ogp.me/）を使用する必要があります。また、http://vrepin.org/vr/JekyllMeta/#open-graph-metadataが参考になるかもしれません - 作者はサンプルソースコードへのリンクを持っています。 –

ありがとうクリスト、私はそれを調べます。 –

を私は必要な解決策を見つけました。

Open Graph Protocolに続いて、投稿にFacebookやTwitterなどで共有できるサムネイル画像がある場合、<head>オープングラフのメタデータをこのように指定できます。 ポストは、指定されたイメージを持っていません

{% if page.image %} 
    <meta property="og:image" content="path/to/post/image.jpg"> 
{% else %} 
    <meta property="og:image" content="path/to/page/image.jpg"> 
{% endif %}

場合、それはページに指定した画像を使用します。そして、ポストのfront matterに次の行を追加します。

--- 
image: path/to/post/image.jpg 
---

出典

2016-09-07 17:39:11

各投稿の前件にthumbnail属性を定義し、投稿へのリンクを含むページを作成するときに使用することができます。ここで

は、例えばブログ記事です：

--- 
layout: default 
thumbnail: "/path/to/the/thumbnail.png" 
--- 
This is a blog post!

そしてブログのindex.htmlページでは、あなたがこのような何かしたい：

{% for post in site.categories.blog %} 
    <div> 
     <a href="{{ post.url }}" ><img src="{{ post.thumbnail }}" /> 
     <a href="{{ post.url }}" >{{ post.title }}</a> 
    </div> 
{% endfor %}

出典

2016-08-30 17:04:36

ありがとう、ケビン。その解決策は、サムネイルをページに追加して表示するようです。私はページに表示するつもりはないが、ページへのリンクが共有されているときにサムネイルを表示する。 –

@MattSmith多分、私はあなたが行っていたことを誤解しました。あなたのブログ記事に画像が含まれないようにしたいと思っていましたが、あなたのブログ投稿へのリンクを作成したときにサムネイルを使用していました。これをFacebookや他の人と共有することについて話しているのであれば、それは別のものです。サムネイルfrontmatter変数を使用して、opengraphメタデータを設定することもできますが！ –

ケビンをフォローアップしてくれてありがとう。はい、私は自分のブログの投稿に写真を載せず、サムネイルをFacebookやTwitterなどと共有してリンクに表示するようにしています。私はフロントマターを使って調べます。 –

ポストに画像がない場合、ジキル投稿のサムネイルを取得するにはどうすればよいですか？

答えて

関連する問題