fuwari

Fuwari

Um modelo de blog estático criado com Astro.

Demonstração ao vivo (Vercel) / Versão Hexo antiga /中文/日本語/ 한국어 / Español / ไทย

Versão LEIA-ME: 2024-09-10

Características

• Construído com CSS Astro e Tailwind

• Animações suaves e transições de páginas

• Modo claro/escuro

• Cores e banner de tema personalizáveis

• Design responsivo

• Comentários

• Procurar

• Índice

Como usar

1. Gere um novo repositório a partir deste modelo ou bifurque este repositório.

2. Para editar seu blog localmente, clone seu repositório, execute pnpm install E pnpm add sharp para instalar dependências.

• Instale pnpm npm install -g pnpm se ainda não o fez.

3. Edite o arquivo de configuração src/config.ts para personalizar seu blog.

4. Execute pnpm new-post <filename> para criar uma nova postagem e edite-a em src/content/posts/ .

5. Implante seu blog em Vercel, Netlify, GitHub Pages, etc. seguindo os guias. Você precisa editar a configuração do site em astro.config.mjs antes da implantação.

Frontmatéria de Postagens

 ---title: Minha primeira postagem no blog publicada: 2023-09-09descrição: Esta é a primeira postagem do meu novo blog Astro.imagem: ./cover.jpgtags: [Foo, Bar]categoria: Front-enddraft: falselang: jp # Defina apenas se o idioma da postagem for diferente do idioma do site em `config.ts`---

Comandos

Todos os comandos são executados na raiz do projeto, em um terminal:

Comando	Ação
pnpm install E pnpm add sharp	Instala dependências
pnpm dev	Inicia o servidor de desenvolvimento local em localhost:4321
pnpm build	Crie seu site de produção para ./dist/
pnpm preview	Visualize seu build localmente, antes de implantar
pnpm new-post <filename>	Crie uma nova postagem
pnpm astro ...	Execute comandos CLI como astro add , astro check
pnpm astro --help	Obtenha ajuda usando o Astro CLI