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 +5 -1
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3a705aae2b - Show all commits

6
_includes/head.html
View File

@ -10,9 +10,13 @@
<meta property="og:site_name" content="Distrust" /> <meta property="og:site_name" content="Distrust" />
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
<meta property="og:description" content="Understand and mitigate security threats others won't see coming." /> <meta property="og:description" content="Understand and mitigate security threats others won't see coming." />
<meta <meta
property="og:image" property="og:image:secure_url"
content="https://distrust.co/assets/base/distrust-logo.png" content="https://distrust.co/assets/base/distrust-logo.png"
/> />
<meta
property="og:image"
content="http://distrust.co/assets/base/distrust-logo.png"
/>
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=""> ```
{% if page.robots %} {% if page.robots %}
<meta name="robots" content="{{page.robots}}" /> <meta name="robots" content="{{page.robots}}" />