Skip to content

Commit 4608f15

Browse files
fix(site): Replace head to hopefully fix twitter cards
1 parent 0aa91d6 commit 4608f15

File tree

1 file changed

+112
-0
lines changed

1 file changed

+112
-0
lines changed

_includes/head.html

+112
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<head>
2+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3+
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
4+
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
5+
<meta name="apple-mobile-web-app-capable" content="yes">
6+
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
7+
<meta name="twitter:card" content="summary">
8+
<meta
9+
name="viewport"
10+
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
11+
>
12+
13+
{%- capture seo_tags -%}
14+
{% seo title=false %}
15+
{%- endcapture -%}
16+
17+
<!-- Setup Open Graph image -->
18+
19+
{% if page.image %}
20+
{% assign src = page.image.path | default: page.image %}
21+
22+
{% unless src contains '://' %}
23+
{%- capture img_url -%}
24+
{{ src | absolute_url }}
25+
{%- endcapture -%}
26+
27+
{%- capture og_image -%}
28+
<meta property="og:image" content="{{ img_url }}" />
29+
<meta name="twitter:image" content="{{ img_url }}" />
30+
{%- endcapture -%}
31+
32+
{% assign old_meta_clip = '<meta name="twitter:card"' %}
33+
{% assign new_meta_clip = og_image | append: old_meta_clip %}
34+
{% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
35+
{% endunless %}
36+
37+
{% elsif site.social_preview_image %}
38+
{%- capture img_url -%}
39+
{{ site.social_preview_image | absolute_url }}
40+
{%- endcapture -%}
41+
42+
{%- capture og_image -%}
43+
<meta property="og:image" content="{{ img_url }}" />
44+
<meta name="twitter:image" content="{{ img_url }}" />
45+
{%- endcapture -%}
46+
47+
{% assign old_meta_clip = '<meta name="twitter:card"' %}
48+
{% assign new_meta_clip = og_image | append: old_meta_clip %}
49+
{% assign seo_tags = seo_tags | replace: old_meta_clip, new_meta_clip %}
50+
{% endif %}
51+
52+
{{ seo_tags }}
53+
54+
<title>
55+
{%- unless page.layout == 'home' -%}
56+
{{ page.title | append: ' | ' }}
57+
{%- endunless -%}
58+
{{ site.title }}
59+
</title>
60+
61+
{% include_cached favicons.html %}
62+
63+
{% if site.resources.ignore_env != jekyll.environment and site.resources.self_hosted %}
64+
<link href="{{ site.data.origin[type].webfonts | relative_url }}" rel="stylesheet">
65+
66+
{% else %}
67+
{% for cdn in site.data.origin[type].cdns %}
68+
<link rel="preconnect" href="{{ cdn.url }}" {{ cdn.args }}>
69+
<link rel="dns-prefetch" href="{{ cdn.url }}" {{ cdn.args }}>
70+
{% endfor %}
71+
72+
<link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
73+
{% endif %}
74+
75+
<!-- GA -->
76+
{% if jekyll.environment == 'production' and site.google_analytics.id != empty and site.google_analytics.id %}
77+
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin="use-credentials">
78+
<link rel="dns-prefetch" href="https://www.google-analytics.com">
79+
80+
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous">
81+
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
82+
{% endif %}
83+
84+
<!-- Bootstrap -->
85+
<link rel="stylesheet" href="{{ site.data.origin[type].bootstrap.css | relative_url}}">
86+
87+
<!-- Font Awesome -->
88+
<link rel="stylesheet" href="{{ site.data.origin[type].fontawesome.css | relative_url }}">
89+
90+
<link rel="stylesheet" href="{{ '/assets/css/:THEME.css' | replace: ':THEME', site.theme | relative_url }}">
91+
92+
{% if site.toc and page.toc %}
93+
<link rel="stylesheet" href="{{ site.data.origin[type].toc.css | relative_url }}">
94+
{% endif %}
95+
96+
{% if page.layout == 'post' or page.layout == 'page' or page.layout == 'home' %}
97+
<link rel="stylesheet" href="{{ site.data.origin[type]['lazy-polyfill'].css | relative_url }}">
98+
{% endif %}
99+
100+
{% if page.layout == 'page' or page.layout == 'post' %}
101+
<!-- Manific Popup -->
102+
<link rel="stylesheet" href="{{ site.data.origin[type].magnific-popup.css | relative_url }}">
103+
{% endif %}
104+
105+
<!-- JavaScript -->
106+
107+
{% unless site.theme_mode %}
108+
{% include mode-toggle.html %}
109+
{% endunless %}
110+
111+
{% include metadata-hook.html %}
112+
</head>

0 commit comments

Comments
 (0)