public
/
website
5
0
Fork 0
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

feat: add og tags for nicer previews #10

Manually merged
ryan merged 7 commits from feat/add-og-tags into main 2024-07-10 21:15:27 +00:00
Conversation 0 Commits 7 Files Changed 3 +86 -29
3 changed files with 86 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_config.yml
View File

@ -21,9 +21,10 @@
title: Distrust
email: lance@distrust.co
description: >- # this means to ignore newlines until "baseurl:"
Trust Nothing
Understand and mitigate security threats others won't see coming.
baseurl: "" # the subpath of your site, e.g. /blog
url: "https://distrust.co" # the base hostname & protocol for your site, e.g. http://example.com
banner: "https://distrust.co/assets/base/distrust-logo.png"
header_pages:
- index.md
@ -35,7 +36,7 @@ header_pages:
style: dark # dark (default), light or hacker
listen_for_clients_preferred_style: false # false (default) or true
footer: '2023 Distrust, LLC'
footer: '2024 Distrust, LLC'
# Build settings
theme: jekyll-theme-console

58
_includes/head.html
View File

@ -6,6 +6,62 @@
<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
<title>{{ page.title }}</title>
<meta content="{{ site.title }}" property="og:site_name" />
anton marked this conversation as resolved Outdated
danny commented 2024-05-17 02:47:07 +00:00
Outdated
Review
Copy Link

{{ page.title }}

{{ page.title }}
anton marked this conversation as resolved Outdated
danny commented 2024-05-17 02:55:05 +00:00
Outdated
Review
Copy Link

Everything that you have hardcoded here should instead be pulled from the config. Here's a jekyll theme that does what you're looking for https://github.com/sujaykundu777/devlopr-jekyll/blob/master/_includes/head.html

Everything that you have hardcoded here should instead be pulled from the config. Here's a jekyll theme that does what you're looking for https://github.com/sujaykundu777/devlopr-jekyll/blob/master/_includes/head.html
{% if page.noindex %}
<meta name="robots" content="noindex" />
{% endif %} {% if page.title %}
<meta content="{{ page.title }}" property="og:title" />
<meta content="article" property="og:type" />
{% else %}
<meta content="{{ site.banner }}" property="og:image" />
<meta content="{{ site.title }}" property="og:title" />
<meta content="website" property="og:type" />
anton marked this conversation as resolved Outdated
danny commented 2024-05-17 02:46:56 +00:00
Outdated
Review
Copy Link

You'll also need to add the Twitter specific tags

   <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:description" content=" ">
    <meta name="twitter:title" content="{{ page.title }}">
    <meta name="twitter:site" content="">
    <meta name="twitter:image" content="">
You'll also need to add the Twitter specific tags ```html <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:description" content=" "> <meta name="twitter:title" content="{{ page.title }}"> <meta name="twitter:site" content=""> <meta name="twitter:image" content=""> ```
{% endif %} {% if page.summary %}
<meta content="{{ page.summary }}" property="og:description" />
{% else %}
<meta content="{{ site.description }}" property="og:description" />
{% endif %} {% if page.url %}
<meta content="{{ site.url }}{{ page.url }}" property="og:url" />
{% endif %} {% if page.date %}
<meta
content="{{ page.date | date_to_xmlschema }}"
property="article:published_time"
/>
<meta content="{{ site.url }}/about/" property="article:author" />
{% endif %} {% if page.thumbnail %}
<meta content="{{ site.url }}{{ page.thumbnail }}" property="og:image" />
{% endif %} {% if page.categories %} {% for category in page.categories
limit:1 %}
<meta content="{{ category }}" property="article:section" />
{% endfor %} {% endif %} {% if page.tags %} {% for tag in page.tags %}
<meta content="{{ tag }}" property="article:tag" />
{% endfor %} {% endif %}
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary" />
<!--<meta name="twitter:site" content="@{{ site.share.twitter_username }}" />-->
<!--<meta name="twitter:creator" content="@{{ site.share.twitter_username }}" />-->
{% if page.title %}
<meta name="twitter:title" content="{{ page.title }}" />
{% else %}
<meta name="twitter:title" content="{{ site.title }}" />
{% endif %}
{% if page.url %}
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}" />
{% endif %} {% if page.summary %}
<meta name="twitter:description" content="{{ page.summary }}" />
{% else %}
<meta name="twitter:description" content="{{ site.description }}" />
{% endif %} {% if page.header-img %}
<meta
name="twitter:image:src"
content="{{ site.url }}{{ page.thumbnail }}"
/>
{% endif %}
{% if page.robots %}
<meta name="robots" content="{{page.robots}}" />
@ -19,8 +75,8 @@
<!-- If you find anything interesting or want to talk to us, reach out via our /contact page!" -->
<!-- https://git.distrust.co/public/stack -->
<!-- https://git.distrust.co/public/website -->
<!-- mobile menu content -->
<div class="menu-content" style="display: none">
<div class="inner-menu-content">
<div>

BIN
assets/base/distrust-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB