~xdavidwu/xdavidwu.link

32e84a39eb786c5303d0fc8592290b126e410486 — Maximilian Held 10 years ago 3d65bd2
make twitter cards accept hotlinked images
3 files changed, 43 insertions(+), 14 deletions(-)

M _config.yml
M _includes/_author-bio.html
M _includes/_head.html
M _config.yml => _config.yml +1 -1
@@ 1,7 1,7 @@
title:            Site Title
description:      Describe your website.
# Your site's domain goes here. Leave localhost server or blank when working locally.
url:              #http://localhost:4000
url:              http://localhost:4000

# Owner/author information
owner:

M _includes/_author-bio.html => _includes/_author-bio.html +7 -1
@@ 1,4 1,10 @@
<img src="{{ site.url }}/images/{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo"></a>
{% if site.owner.avatar contains 'http://' %}
	<img src="{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo"></a>
{% elsif site.owner.avatar contains 'https://' %}
	<img src="{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo"></a>
{% else %}
	<img src="{{ site.url }}/images/{{ site.owner.avatar }}" class="bio-photo" alt="{{ site.owner.name }} bio photo"></a>
{% endif %}
<h3>{{ site.owner.name }}</h3>
<p>{{ site.owner.bio }}</p>
{% if site.owner.twitter %}<a href="http://twitter.com/{{ site.owner.twitter }}" class="author-social" target="_blank"><i class="icon-twitter"></i> Twitter</a>{% endif %}

M _includes/_head.html => _includes/_head.html +35 -12
@@ 3,20 3,43 @@
<meta name="description" content="{{ page.description }}">
<meta name="keywords" content="{{ page.tags | join: ', ' }}">
{% if site.owner.twitter %}<!-- Twitter Cards -->
{% if page.image.feature %}<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content=
	{% if page.image.feature contains 'http://' %}
		"{{ page.image.feature }}"
	{% elsif page.image.feature contains 'https://' %}
		"{{ page.image.feature }}"
	{% if page.image.feature %}
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:image" content=
			{% if page.image.feature contains 'http://' %}
				"{{ page.image.feature }}"
			{% elsif page.image.feature contains 'https://' %}
				"{{ page.image.feature }}"
			{% else %}
				"{{ site.url }}/images/{{ page.image.feature }}"
			{% endif %}
		>
	{% else %}
		"{{ site.url }}/images/{{ page.image.feature }}">
		<meta name="twitter:card" content="summary">
		<meta name="twitter:image" content=
			{% if page.image.thumb %}
				{% if page.image.thumb contains 'http://' %}
						"{{ page.image.thumb }}"
				{% elsif page.image.thumb contains 'https://' %}
					"{{ page.image.thumb }}"
				{% else %}
						"{{ site.url }}/images/{{ page.image.thumb }}"
				{% endif %}
			{% else %}
				{% if site.logo contains 'http://' %}
						"{{ site.logo }}"
				{% elsif site.logo contains 'https://' %}
					"{{ site.logo }}"
				{% else %}
						"{{ site.url }}/images/{{ site.logo }}"
				{% endif %}
			{% endif %}
		>
	{% endif %}
{% else %}<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">{% endif %}
<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
<meta name="twitter:creator" content="@{{ site.owner.twitter }}">{% endif %}
	<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
	<meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
	<meta name="twitter:creator" content="@{{ site.owner.twitter }}">
{% endif %}

<!-- Open Graph -->
<meta property="og:locale" content="en_US">