Generate Post With Img for Hugo

Some days ago I find a new post from a blog I follow about “Open Graph Meta Tags on Hugo and WordPress Blogs ↗ ” as a toot

and I find I do the same thing and some more. I generate a default cover because I prefer to have a “standard” generated image or a specific image as the feature image. The image set in the settings is a default, a “if all other image fall use this” kind of stuff.

How I generate the post? ¶

When I write a post I launch a makefile command and it launch two command for me:

1. Generate a new post with hugo new
2. Generate a cover with my python script

Some code ¶

For this project I use a font (Futura Book font ↗ ) and a image where put the title and other thing of the post (for now only the title). This is the image “clean”, without the text.

from PIL import Image, ImageDraw, ImageFont  # 👉️ Import modules from PIL


def generate_img(message: str, path: str):
    font_path = "Futura Book font.ttf"  # 👉️ Font .ttf Path
    font_size = 100  # 👉️ Font Size
    img = Image.open("cover-blank.jpg")  # 👉️ Open Image
    dr = ImageDraw.Draw(img)  # 👉️ Create New Image
    my_font = ImageFont.truetype(font_path, font_size)  # 👉️ Initialize Font
    text_x = (img.width) // 2
    text_y = (img.height) // 2
    dr.text((text_x, text_y), message, font=my_font, fill=(255, 255, 255), anchor="mm")
    print("Generated content/" + path + "/cover.png")
    img.save("content/" + path + "/cover.png")

This script use Python (the library is PIL) and I set the fill parameters for a standard size OpenGraph image.

If you use a python script for generate new post you can implement this code inside of the script or you can add some code to make a command line to launch after your “new post” command.

Written by a human