goulven clech.dev

Meu blog pessoal, feito com CSS Astro, Typescript e Tailwind. Viva em goulven-clech.dev, hospedado por vercel.

O código -fonte é fornecido sob a licença 0BSD, a atribuição é apreciada, mas não é necessária. O conteúdo textual do blog é fornecido sob o CC por 4,0 escrituras, a atribuição é necessária. Mas para ambos, você é livre para usar, copiar, modificar e/ou distribuir para qualquer finalidade, comercial ou pessoal.

Algumas entradas podem citar texto, imagens ou recursos de fontes externas: suas licenças originais se aplicam e indico os autores, se conhecidos.

Recursos notáveis

No seu coração, este projeto parece qualquer blog feito com o Astro, você pode começar lendo minha entrada "Lançando um blog com Astro". Mas, pouco a pouco, adicionei alguns recursos originais que podem lhe interessar, aqui estão os principais:

• Barra de pesquisa: Feito apenas com componentes Astro e da Web, filtre as entradas do blog com base na entrada do usuário.

• ÍNDER: Usando ASTRO e MDX, gerar um índice com base nos títulos. Com listas aninhadas.

• Blocos Open Library & Google Maps: Exibe bem a API resulta em entradas de blog.

• Modo escuro: alternar entre esquemas de cores claros, escuros e do sistema. Use o armazenamento local para persistir a escolha do usuário.

• Serviço de imagem personalizado: Recuperado no blog de Erika, ganhe desempenho e exiba um espaço reservado durante o carregamento da imagem.

Estrutura do projeto

 /
├── src/
│   ├── content/ -> Sub repository
│   ├── assets/
│   │   └── base.css
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   ├── env.d.ts
│   └── [...utils].ts
├── public/
│   └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json

pages/ contém todas as páginas deste blog como arquivos .astro .

layouts/ e components/ contém todos os componentes da web como os arquivos `.astro``.

Comandos

Comando	Ação
pnpm install	Instala dependências
pnpm run dev	Inicia o servidor de desenvolvimento local em localhost:3000
pnpm run build	Construa seu site de produção para ./dist/
pnpm run preview	Visualize sua construção localmente, antes de implantar
pnpm run astro ...	Execute comandos da CLI como astro add , astro check
pnpm run astro --help	Obtenha ajuda usando a Astro CLI

Todos os comandos devem ser executados a partir da raiz do projeto, a partir de um terminal. Em vez de PNPM, você também pode usar o NPM ou o fio.