Um modelo de blog Gatsby
Um modelo de blog Gatsby Este site é um site estático construído usando Gatsby, bem-vindo para experimentá-lo. Topics: Vida, Percursos.
Um modelo para construir sites estáticos usando Gatsby.
O código-fonte está em gatsby-starter-glass, bem-vindo para experimentá-lo.
Características
- Pronto para uso
- Totalmente localizado
- Inclui comentários Waline
- Inclui Google Analytics
- Edição Markdown
Implantação local
# 1. Clonar para local
git clone https://github.com/xiyizhou/gatsby-starter-glass.git
# 2. cd para o diretório
cd gatsby-starter-glass
# 3. Instalar dependências
yarn install
# 4. Iniciar modo de desenvolvimento
yarn start
# 5. Construir versão de produção
yarn build
Configuração
-
Configure as informações do site, ID do Google Analytics, etc. em
gatsby-config.js. -
Configure as informações da barra de navegação superior em
src/components/header.js. -
Configure as informações da barra de navegação inferior em
src/components/footer.js. -
Configure as informações do Waline em
src/components/comment.js.
Publicação de artigos
Postagens do blog
As postagens do blog estão localizadas em content/blog. O modelo é o seguinte:
---
title: Instalar o componente de comentário Waline para Gatsby
date: 2021-11-17 08:08
slug: gatsby-waline
category: Vida
tags:
- Vida
description: Como o Waline ainda não possui um componente Gatsby, adicione a funcionalidade de comentário Waline ao site Gatsby instalando a biblioteca cliente Waline, criando um componente React e introduzindo o componente no local apropriado.
---
Gatsby é uma estrutura de construção de site estático baseada em react, que pode ser usada para implantar lojas online, sites oficiais e blogs. Usando plug-ins ricos, funções como carregamento lento de imagens, suporte a documentos Markdown e comentários de visitantes podem ser realizadas. Os sistemas de comentários oficialmente recomendados pelo Gatsby incluem Disqus, Gitalk, etc.
Páginas
O conteúdo da página está localizado em content/pages.
Notas
- Este iniciador é baseado no Gatsby V3, preste atenção à compatibilidade da versão ao instalar plug-ins.
- A estrutura principal é localizada de gatsby-starter-glass, obrigado a yinkakun.