2 min read

Customize blog

Customize blog

Ghost themes cost too match for this little project, so let's modify one. The dawn theme is pretty, but the background color is mhe.....

So download theme, open it and simply modify the backgroud color.

Now zip it, but I don´t have yarn installed locally so let's create a docker container to do this.

docker run --rm -it -v ./:/theme --workdir /theme --user $(id -u):$(id -g) node:18 bash

PS. I need to resolve the code formatting problem, lookup for some kind of plugin.

So, after run container install deps and zip

yarn && yarn zip

After that we have a dist folder with zipped theme inside, we just have to upload on ghost and we're done.

Code theme customization

I have found this post, on ghost code snippet customization. I don´t like the injection but for the moment it's ok. For the next steps I try to customize to match blog color palette, and some usefull things, like copy code button.

A complete guide to code snippets
Developers write code. Some developers write about writing code. But when they try to share that code on the web, everything that makes code more readable – like formatting and syntax highlighting – is gone!

Post header generation

This time I've used dummy approach, the prompt is

Create an image for the header of a post, generate the image based on this post body: <all post>

The result is ok for now, this approach works not too bad for now, but I can improve it.