From e19725bd1f5b5f872b4b0bab7c8b793f8d3bc4a9 Mon Sep 17 00:00:00 2001 From: Jeremiah Russell Date: Thu, 20 Feb 2025 12:54:23 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs(shortcodes):=20add=20exampl?= =?UTF-8?q?e=20for=20webmentions=20section?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - include dual theme image example for webmentions - provide live example based on page_url configuration --- content/blog/shortcodes/index.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/content/blog/shortcodes/index.md b/content/blog/shortcodes/index.md index 9cbfbac..edffc3e 100644 --- a/content/blog/shortcodes/index.md +++ b/content/blog/shortcodes/index.md @@ -1,7 +1,7 @@ +++ title = "Custom shortcodes" date = 2023-02-19 -updated = 2025-02-12 +updated = 2025-02-19 description = "This theme includes some useful custom shortcodes that you can use to enhance your posts. Whether you want to display images that adapt to light and dark themes, or format a professional-looking reference section, these custom shortcodes have got you covered." [taxonomies] @@ -466,6 +466,12 @@ Add the shortcut on the page where you want to display the webmentions: {{/* webmentions() */}} ``` +The webmentions section will then be displayed where you added it on the page as follows: + +{{ dual_theme_image(light_src="blog/mastering-tabi-settings/img/webmention_light.webp", dark_src="blog/mastering-tabi-settings/img/webmention_dark.webp" alt="Page footer, showing a 'Site source' link") }} + +The following is a live example based on the specific page_url configured in the template config.toml. + {{ webmentions() }} [1]: https://www.w3.org/TR/webmention/#abstract-p-1