Tutorial de como opero meu blog
08/08/2026 Metablog
Olá, se você chegou aqui, você provavelmente já conhece meu blog. Criei-o em fevereiro de 2026 e tudo de código que sei fazer aprendi em 1 semana de um curso simples de HTML na W3Schools. Realmente não precisei aprender mais do que isto para produzir o que produzo aqui.
Neste vídeo abaixo, mostro o passo a passo de como criar um post no blog. Todo o processo com o GitHub, com o VS Code, IA generativa e Word. É extremamente simples. No vídeo, este processo vai demorar um pouco, mas, na prática, em 3 minutos eu subo uma postagem.
Certamente, se você é programador ou sabe manipular HTML, CSS e JavaScript, você vai achar que eu faço todo este procedimento da forma mais tosca possível. Sim, eu faço da forma mais artesanal DIY que existe, editando HTML simples. O site inteiro é composto por árvores de HTML e algumas imagens.
Funciona? Vem funcionando há pelo menos 5 meses. O leitor consegue ler, comentar, e muitos até me mandam e-mails para opinar. Eu estou gostando do processo, sei que existem métodos muito mais rápidos, mas que exigem muito mais conhecimento. E se está funcionando da forma mais simplória possível, o que importa para mim é que a mensagem seja enviada ao leitor, não uma otimização de processos.
No final, o gargalo de tudo isto é o tempo necessário para elaborar o texto; é a parte mais demorada do processo. Postar gastando 3 minutos é o de menos para mim. Às vezes levo semanas para elaborar um texto.
Este processo mecânico que descrevo no vídeo talvez encoraje outras pessoas que não possuem blog. Sim, é fácil montar um nos meus parâmetros, e o conhecimento de código é zero. É só saber editar. Eu mesmo não sei criar nada do zero, pego tudo pronto.
Espero que este tutorial seja útil e que ele encoraje quem não tem um blog a fazer um. É simples, fácil, prático e simplesmente funciona. E para que mudar o que funciona?
PASSO A PASSO DA POSTAGEM:
Vamos simular a criação deste post que você está lendo:
- Gerar o HTML da postagem: gero o 0111.html na pasta Entradas.
- Copiar outro post parecido: copio a base do post 0110 porque ele já vem com a imagem do BEDA e com toda a formatação inline.
- Escrever o texto: escrevo no Word ou LibreOffice quando estou no Linux.
-
Refinar o texto: passo o texto no Gemini com o seguinte prompt: “Gemini, realize uma correção ortográfica neste texto, sem grandes mudanças, mantenha a estrutura, me forneça todas as alterações realizadas em um log.”
Depois leio o texto, avalio as alterações e o que mantenho alterado.
Depois passo o seguinte prompt: “Gemini, pegue este texto final e coloque tags de parágrafo e de listas quando necessário, respeitando a estrutura textual. Me gere um HTML do código pronto.”
- Pegar o texto com tags
<p>e<li>formatado e colar no corpo do código HTML copiado: Alterar todo o texto do HTML anterior. - Verificar se incluirei imagens ou vídeos: Resgatar o CSS inline e o código de posts anteriores que deram certo.
- Salvar tudo do HTML final após verificar a visualização no VS Code.
- Próximo passo: alterar as tabelas onde esta nova linha de link será armazenada no blog. Neste caso, devo alterar os arquivos index.html, arquivogeral.html, tecnologia.html e beda.html. Só copiar e colar, coisa de 30 segundos, copio tudo.
- Fazer a alteração no feed da nova entrada: (o VS Code preenche tudo automático aqui no feed.xml).
- Dar um push & commit em todos estes HTMLs modificados. Esperar 1 minuto e está no ar.
Com o texto pronto, este processo manual não gasta nem 3 minutos meus. É rápido, só um monte de Ctrl+C / Ctrl+V. O Gemini modifica tudo em questão de 10 segundos.