From f5ea5575dab3bde612b77b631a8355699c089d0d Mon Sep 17 00:00:00 2001 From: madrilene Date: Wed, 7 Feb 2024 11:52:56 +0100 Subject: [PATCH] rewrite blogpost as a demo, exlanations in docs --- src/assets/images/blog/og-preview.jpeg | Bin 0 -> 29456 bytes src/posts/2023-01-25-opengraph-images.md | 36 ++++------------------- 2 files changed, 5 insertions(+), 31 deletions(-) create mode 100644 src/assets/images/blog/og-preview.jpeg diff --git a/src/assets/images/blog/og-preview.jpeg b/src/assets/images/blog/og-preview.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..5e8b71746a6ceac00014706b76f27c7846659c13 GIT binary patch literal 29456 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

#X`5bIO=UR?r z1mpGqVd3THAtAE(GsRa%y7jgCnT!ne96mj(-y?LC^-w3B;cWbPRsO&``8>0JFc_w< z-WKo1nIhHdVLJM1a#gIw`bbS0RfPO|o|k?UJ2-cL6&gRiSay}mQJC~F?A+}3!LjSQ zDqUL1yU%y7!mQtE4PCN_Mz)Uxl)I2TgX4054nG6N)f$CH^dWa+rou}5+qxFp@z$Lh zgWkbq0s6&_HfH_Mtj(#w&h|J##KX;^VIk3org^baE+o*+mq7N0wU+A@kGRl*2VsTL zhFeI2Eqiq4P^Urm(T0~e_hz@`WhK2{RlUtX8&(u>w52Sxd#viYaDeGO2{iU`KZz3t zRk?@W7&R&%xHPd`mQdzQ;l;0&_fbg{w>bKV*x1R*&77i9=2@(Bgj1E0LEDfP@Ws>k z$?1Z+*~kNe>~=bO9A9Nt)8EeSSKB>bO0LrnR0v%?6sQQ&TMD8-;UIgPnZzMdMJ7K? zG*KsG(7WB{V_KB5>({|#oeQs_#^+1W;}@W(60~Z0;RT)&yMz*8Jq7&kK|Kj&{}dC4I!C2c>x@Ad6;I$CR#ZD*E@|Vb zr#C%N;c$r6iYSV_fgSV?(}+nc;3c}m>zo95hdhKyPbE|bB4RB<){Gr}cg@VoN=8br zvUWSoy6&5GU=o#5^TzQ7^xO_UVNalz1e&dJ5ur?;UQnwolt1T+CwO$HbvYL5|`VJ(U znuGw0OEfk=YN=;2P!3>(OYjPV50HF~+=_siY>Bq<7CCf1%(7L+AxO92^;<=5S%MM4 z>Z(&LRXr!@N1A1J}bE2d^GzzU$xT zVx(ubS7!E|D%(!i(jr0#&~z-}Jiz}7>PplL=C7!e(#sq8$l^5GW!`maH+UGe)W*Y} z1nebz2?r0v7-K+|_Sp63dnQ<|X35dSw|6PCn&j*Ed#R||%t~v(pT-ylv6>m3O58f- znfeyKq$$-M82*i#eB!rcyPAxXeTYRocm}>uNT%UB7!2I2?kIg#a;qwtI;V-ur_Dwj z0w=5n3VP8wbJEa%%W#Os#PlMS=UHj>L}@RgS%y2LbKI-a zqumzXEorg*ZDL-}KcvZ_zKW%`Av5EsnbUD`)B-YF<-uio zluy!km9VEni3hu`=T8K$>&0Q+JeArSV0PSUOE?4|9ECy%Yslh#{?G6dG1Fd~u)D+F zuO7}x^O;MwG7tzx5)L2-;7uM|uo?6b(7szWaGlj|`NmxDgI!s9uQKVkFNn5qNR~kn z7)4tE9*`UfLq`46i}ZJ&o_Y6SdHTz*IyT7jtdGmk1$)+Xjsc-LgPZChl)T5`P5#o!S$#nKu0=etUtqERiDUwL!EfZZ;X%mo`hb zFc+2cNuhK7qL}pWzRh3B@SB!ue=uXP$({bbBF94y-1 z!&s`ZiPF)k5yb}Z)(6xc9nKhlinjM`XKJ0Hina# -``` - -{% endraw %} - -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/). - -## Recommendation - -If you want to get a little more creative, have a look at[ what Lea does here](https://github.com/learosema/lea-codes/blob/main/src/opengraph-default.njk). - -## v2.0 update - -Previously the images were created at build time, but this leads to problems with the set font - if the system executing the build has not installed it, it will not be generated. - -The solution is to always build the page yourself and then place it on the server directly. Or, as [Sophie Koonin does](https://github.com/sophiekoonin/localghost/blob/main/eleventy.config.js#L45-L47), explicitly specify the system to be used for the build and select a font that this system has installed by default. - -At the moment I have relocated the creation of the images in the development process, so that the font only needs to be installed on your own system. The images are located in `src/assets/og-images` and are comitted. - -This is fine as long as you only work with markdown and the font is always installed on your system, how this works with a CMS workflow remains to be seen. Please let me know if you encounter any problems. +A more detailed explanation can be found in the [docs](/get-started/#docs). \ No newline at end of file