What an easy job it was to create a new blog with GitHub Pages, GitHub Actions, and GitHub Codespaces

I was thinking of creating a new blog to start writing in English. I need to practice my English skills, so, I think a blog is a nice way to do it, because I love to write. I already have a blog in Portuguese with a lot of blog posts, but I need to start this one to force me to practice this language. If you would like to check it out, it’s this link: woliveiras.com.br.

It was very easy to create this new one. I just got a good template with the things I would like to use:

  • the GitHub Pages
  • the GitHub Actions

But I couldn’t think that it would be so easy!

First of all, I used this simple template from Florian that I found on the Astro templates site: github.com/flo-bit/blog-template.

This template already has everything I was thinking of using. So I only clicked on use template on the GitHub interface and started writing my blog posts.

The setup

I was looking for an Astro template because Astro is a nice framework based on React and already has a lot of good things for blogging. Like the syntax highlight, integration with a lot of JavaScript tools, MDX native integration, TypeScript by default and a great community.

To host my blog, I’m using GitHub Pages.

To build the static files, I’m using GitHub Actions.

To update the site settings and write this blog post, I’m using GitHub Codespaces. I used the smallest settings you can find here.

Feel free to check the settings and what else you’re curious about here: github.com/woliveiras/woliveiras.github.io.

And if you would like to follow my notes, please check the RSS feed, follow me in LiknedIn or Bluesky.

You can also like or comment on this post in Bluesky. Just go to my profile and find this post there.

Like or comment on bluesky
27 likes
liked by Gustavo Zincone Neivaliked by liked by Adiel Cristoliked by Cansado com Zliked by Ana Ruteliked by Brandão liked by liked by Guilherme Vieiraliked by Return voidliked by shakaliked by thayliked by Daliliked by marialiked by liked by Cesar Machado liked by ESC :wqaliked by liked by liked by Laryssa Rocha (ela/she)liked by liked by liked by rozliked by liked by 🇵🇸 🇱🇧 cravo e canelaliked by Edu Ronquiliked by liked by esquerda hegeliana pós-moderna
26 comments, sorted by newest first
Ótima ideia para praticar o inglês! E obrigado por compartilhar o que aprendeu para criar o blog, bem maneiro :D
flo-bit
1w ago
Randomly saw your second blog post on bluesky, awesome to see my template used out in the wild 😄
Your template is really easy to use and has everything I was looking for! Thanks a lot for this!
Menino 1lliam
Site top pra pegar umas dicas sempre uso ♥️✨️
ainda por cima ta lindinho o site
thay
1w ago
Cheguei tarde porém, comentando alguma coisa!
Dali
1w ago
Niceeee
Trabalhando sábado, mano?
Só de vez em quando
maria
1w ago
oiiiii 🤭
Muito bom! 👏🏼👏🏼👏🏼👏🏼
ESC :wqa
1w ago
Top demais, vou lançar essa no meu tb
ESC :wqa
1w ago
Aguardando agora o post de tutorial de como fazer isso
Como está a stack do seu blog, mano?
ESC :wqa
1w ago
Hugo, mas é gerador estatico tb, da pra fazer qualquer gambiarra kkkk https://github.com/fguisso/fguisso.github.io
Quero entender mais
Os likes e comentários aqui estão indo lá pro post no meu blog, mano
Criei essa conta só para comentar! Abraço
Mãe, tô na globo!
roz
1w ago
NOICE
dahora ele syncar os likes tb
Tá funcionando?