November 26, 2022 • Edit this file (Private, ask me for access if you wanna contribute)
Acho que esse é um dos maiores crimes que já cometi
Criei um blog estático em NodeJS com puro HTML e CSS misturado com React e JavaScript + Babel, API, database, regra de negócio tudo em 1 único arquivo com 700 linhas.
Quando rodei o comando de criação de pasta desse projeto a regra era clara: quanto pior melhor.
Esse absurdo foi construído em umas 24h, no decorrer de 3~5 dias.
Ainda pretendo fazer umas melhoras ali no processo de build, mas aqui é assim, come o que tem.
Configuração
Edite o blog.config.json
sem isso não tem show de
mágica. O repositório que você mencionar nesse arquivo deve seguir
uma estrutura específica de pastas.
# Dentro do seu repositório crie um arquivo nessa pasta:
~/posts/plsdelme/slug-do-post-aqui/pt-BR.md
E dentro desse arquivo markdown coloque:
---
title: "É isso, não esperava ver isso funcionar"
description: "Em breve vou apagar a existência desse repositório, e fingir que foi um sonho lúcido."
tags: delete, enquanto, ha, tempo
status: published
---
# H1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
## H2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
### H3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
#### H4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Bom, de config é isso (tirando a parte dos comentários que depois vamo ter que mexer).
Mas vamos lá:
# Comece a orar
git clone https://github.com/alexrintt/alexrintt.github.io junk
cd junk
# Gostaria de falar deixar "melhor", mas isso aqui não é nem 1% da maioria dos frameworks js
yarn install
npm install
# Só garanto que funciona no Node v18
yarn dev
# Não me pergunte o que acontece quando você roda isso
yarn build
Quer editar o CSS? Pois vá para /static/css/styles.css
.
Poderia migrar tudo pro index.jsx
pra deixar ainda
melhor.
Não me orgulho de dizer isso, mas é no src/index.tsx
a
libertinagem rola solta.
Mas por enquanto essa merda tá funcionando, só quero ver pra dar manutenção nesse lixo no futuro.
See also
Files in the same folder:
- Donation - I accept donations from several platforms, this post serve as permalink to my documentation/credit pages for each project. These links allow supporters to easily find and donate to the projects they are interested in, while ensuring that all donations are properly credited and acknowledged.
- Creating a simple stargazing effect with p5.js - From a set of points, generate a stargazing effect.
- LeetCode, Two Sum problem solution using brute force in Dart - Two Sum LeetCode problem solution written in Dart in complexity O(N).
- Qual a maneira mais simples de evoluir a si mesmo? - Se você já se perguntou, 'Como posso ser melhor?' em qualquer aspecto. Essa dica é definitivamente para você!
- Mr. Fear - Medo de aprender, medo de perguntar, medo de errar, medo de falar em público, medo de altura, medo de cruzar aquele beco num sábado a noite no centro da zona leste. Essas 4 letras não tem espaço suficiente pra agrupar essa complexa quantidade de sentimentos.
- Listar os últimos usuários que deram star em um repositório do GitHub - Com a API rest é impossível listar em order decrescente, portanto utilizaremos a GraphQL API do GitHub.
- Botando React Redux de joelho no milho - Você ai já teve aquela fase em que ouvia a palavra 'redux' e sentava em posição fetal chorando? Então esse post é para você. Bora simplificar o estado global e implementar um gg 10/10 izi
Anonymous message
The form above is anonymous, although the following data is collected:
- Current page URL.
- Your message.
- Your username if provided.
- Don't forget to include contact info if you are asking something, otherwise I'll never be able to reach you back!
If you prefer, you can reach me directly on GitHub or E-mail.
This form is powered by Discord Webhook API, so it is totally hackable, enjoy.