wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change meta structure

Browse source
This commit is contained in:
madrilene 2024-01-31 10:54:16 +01:00
parent 693c1a84b2
commit 56e10a5591
8 changed files with 35 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/_data/meta.js
View file

@ -7,21 +7,23 @@ module.exports = {
locale: 'en_EN',
lang: 'en',
skipContent: 'Skip to content',
author: 'Lene Saile', // i.e. Lene Saile - page / blog author's name. Must be set.
authorAvatar: '/favicon.png', // for h-card, defaults to favicon
authorEmail: '', // i.e. hola@lenesaile.com - email of the author
authorWebsite: '', // i.e. https.://www.lenesaile.com - the personal site of the author
creator: 'Lene Saile', // i.e. Lene Saile - creator's (developer) name.
creatorEmail: 'hola@lenesaile.com', // i.e. hola@lenesaile.com
creatorWebsite: 'https://www.lenesaile.com', // i.e. https.://www.lenesaile.com
creatorSocial: 'https://front-end.social/@lene', // i.e. https.://www.lenesaile.com
author: {
name: 'Lene Saile', // i.e. Lene Saile - page / blog author's name. Must be set.
avatar: '/favicon.png',
email: 'hola@lenesaile.com', // i.e. hola@lenesaile.com - email of the author
website: 'https.://www.lenesaile.com' // i.e. https.://www.lenesaile.com - the personal site of the author
},
creator: {
name: 'Lene Saile', // i.e. Lene Saile - creator's (developer) name.
email: 'hola@lenesaile.com',
website: 'https://www.lenesaile.com',
social: 'https://front-end.social/@lene'
},
themeColor: '#DD4462', // Manifest: defines the default theme color for the application
themeBgColor: '#FBFBFB', // Manifest: defines a placeholder background color for the application page to display before its stylesheet is loaded
meta_data: {
opengraph_default: '/assets/images/template/opengraph-default.jpg', // fallback/default meta image
opengraph_default_alt:
'Visible content: Eleventy starter based on workflow for Cube CSS, Every Layout, Design Tokens and Tailwind for uitility, based on the concepts explained in buildexcellentwebsit.es' // alt text for default meta image
},
opengraph_default: '/assets/images/template/opengraph-default.jpg', // fallback/default meta image
opengraph_default_alt:
'Visible content: Eleventy starter based on workflow for Cube CSS, Every Layout, Design Tokens and Tailwind for uitility, based on the concepts explained in buildexcellentwebsit.es', // alt text for default meta image
blog: {
// this is for the rss feed
name: 'My Web Development Blog',

6
src/_includes/partials/meta-info.njk
View file

@ -48,12 +48,12 @@
content="{{ meta.url }}{% if (layout == 'post') %}/assets/og-images/{{
title | slugify
}}-preview.jpeg
{% else %}{{ meta.meta_data.opengraph_default }}
{% else %}{{ meta.opengraph_default }}
{% endif %}"
/>
<meta
property="og:image:alt"
content="{% if (layout == 'post') %}{% else %}{{ meta.meta_data.opengraph_default_alt }}
content="{% if (layout == 'post') %}{% else %}{{ meta.opengraph_default_alt }}
{% endif %}"
/>
<meta
@ -64,7 +64,7 @@
/>
<meta property="og:site_name" content="{{ meta.siteName }}" />
<meta property="og:locale" content="{{ meta.locale }}" />
<meta property="article:author" content="{{ meta.author }}" />
<meta property="article:author" content="{{ meta.author.name }}" />
<!-- Twitter specific head data was removed in v2 -->

6
src/_includes/schemas/blogpost-schema.njk
View file

@ -11,16 +11,16 @@
"@id": "{{ url }}",
"headline": "{{ title or meta.siteName }}",
"description": "{{ discover.description or description or meta.siteDescription }}",
"image": "{{ meta.url }}{% if discover.image %}/assets/images/{{ discover.image }}{% else %}{{ meta.meta_data.opengraph_default }}{% endif %}",
"image": "{{ meta.url }}{% if discover.image %}/assets/images/{{ discover.image }}{% else %}{{ meta.opengraph_default }}{% endif %}",
"inLanguage": "{{ meta.locale }}",
"publisher": {
"@type": "{{ meta.siteType }}",
"name": "{{ meta.author }}",
"name": "{{ meta.author.name }}",
"url": "{{ meta.url }}"
},
"author": {
"@type": "Person",
"name": "{{ meta.author }}"
"name": "{{ meta.author.name }}"
},
"datePublished": "{{ date | toIsoString }}"
}

6
src/_layouts/post.njk
View file

@ -35,11 +35,11 @@ schema: blog
<!-- h-card infos: https://indieweb.org/authorship -->
<div hidden class="h-entry">
<a class="u-url" href="{{ page.url | url | absoluteUrl(meta.url) }}">{{ title }}</a>
<a class="p-name u-url" rel="author" href="{{ meta.url }}">{{ meta.author }}</a>
<a class="p-name u-url" rel="author" href="{{ meta.url }}">{{ meta.author.name }}</a>
<img
class="u-author h-card"
src="{{ meta.authorAvatar | url | absoluteUrl(meta.url) }}"
alt="{{ meta.author }}"
src="{{ meta.author.avatar | url | absoluteUrl(meta.url) }}"
alt="{{ meta.author.name }}"
/>
</div>
</article>

2
src/common/404.md
View file

@ -12,4 +12,4 @@ noindex: true
[Please try visiting the home page!](/)
Please let me know if you encounter more errors:
<a href="mailto:{{ meta.creatorEmail }}">{{ meta.creatorEmail }}</a>
<a href="mailto:{{ meta.creator.email }}">{{ meta.creator.email }}</a>

4
src/common/feed.njk
View file

@ -13,8 +13,8 @@ excludeFromSitemap: true
<updated>{{ postslist | getNewestCollectionItemDate | dateToRfc3339 }}</updated>
<id>{{ meta.url }}/</id>
<author>
<name>{{ meta.author }}</name>
<email>{{ meta.authorEmail }}</email>
<name>{{ meta.author.name }}</name>
<email>{{ meta.author.email }}</email>
</author>
{%- for post in postslist %} {%- set absolutePostUrl = post.url | absoluteUrl(meta.url)
%}

11
src/common/humans.njk
View file

@ -3,13 +3,12 @@ permalink: /humans.txt
eleventyExcludeFromCollections: true
excludeFromSitemap: true
---
/* TEAM */
Developer: {{ meta.creator }}
Contact: {{ meta.creatorEmail }}
Site: {{ meta.creatorWebsite }}
{% if meta.creatorSocial %}
Find me on: {{ meta.creatorSocial }}{% endif %}
Developer: {{ meta.creator.name }}
Contact: {{ meta.creator.email }}
Site: {{ meta.creator.website }}
{% if meta.creator.social %}
Find me on: {{ meta.creator.social }}{% endif %}
/* SITE */
Doctype: HTML5

6
src/posts/2023-01-25-opengraph-images.md
View file

@ -21,12 +21,12 @@ The fallback and default image for all other pages is the image set as `opengrap
<meta
property="og:image"
content="{{ meta.url }}
{% if (layout == 'post') %}/assets/images/social-preview/{{ title | slugify }}-preview.jpeg
{% else %}{{ meta.meta_data.opengraph_default }}
{% if (layout == 'post') %}/assets/og-images/{{ title | slugify }}-preview.jpeg
{% else %}{{ meta.opengraph_default }}
{% endif %}"
/>
```
{% endraw %}
To change the look and behaviour of those images and replace the SVG background edit `src/social-preview.njk`. The implementation is based on [Bernard Nijenhuis article](https://bnijenhuis.nl/notes/automatically-generate-open-graph-images-in-eleventy/).
To change the look and behaviour of those images and replace the SVG background edit `src/common/og-images.njk`. The implementation is based on [Bernard Nijenhuis article](https://bnijenhuis.nl/notes/automatically-generate-open-graph-images-in-eleventy/).