Customize the preview image for guides #1723
Comments
|
@insectengine can I have a PNG or SVG without the |
|
The fonts for Quarkus is "Open Sans". |
|
@gastaldi - Check your gchat. |
|
/cc @MichalMaler (documentation), @ebullient (documentation), @hmanwani-rh (documentation), @inoxx03 (documentation), @michelle-purcell (documentation), @sheilamjones (documentation), @sunayna15 (documentation) |
|
Based on https://www.digitalocean.com/community/tutorials/how-to-process-images-in-node-js-with-sharp#step-7-adding-text-on-an-image, I created a small NodeJS application that creates these images given a text: https://github.com/gastaldi/social-image-text/blob/main/addTextOnImage.js Here is an example of a generated image:
|
gastaldi
added a commit
that referenced
this issue
Nov 1, 2023
- Fixes #1723 Allow skipping social image generation Also generate social image for blog posts
gastaldi
added a commit
that referenced
this issue
Feb 2, 2024
- Fixes #1723 Allow skipping social image generation Also generate social image for blog posts
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
When pasting a guide URL in any social media (including chat apps, like Telegram), the preview image displayed is a static image (eg. https://quarkus.io/guides/rest-client-reactive):
It would be nice if the guide title were printed in that preview image (it could be generated during the build) so we could customize it in the
<meta property="og:image" content="https://quarkus.io/assets/images/quarkus_card.png">entry on each guide pageThe text was updated successfully, but these errors were encountered: