Um modelo de blog Gatsby
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 localgit clone https://github.com/xiyizhou/gatsby-starter-glass.git
# 2. cd para o diretóriocd gatsby-starter-glass
# 3. Instalar dependênciasyarn install
# 4. Iniciar modo de desenvolvimentoyarn start
# 5. Construir versão de produçãoyarn buildConfiguraçã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 Gatsbydate: 2021-11-17 08:08slug: gatsby-walinecategory: Vidatags: - Vidadescription: 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.
Publicado em: 20 de nov de 2021 · Modificado em: 12 de dez de 2025