gatsby attila theme starter Download - gatsby attila theme starter download de código fonte

gatsby attila theme starter

Outras categorias

1.0.0

Baixar

Gatsby-Starter-Try-Ghost

Um iniciante de Gatsby para criar blogs a partir de cms fantasmas sem cabeça.

Transforme seu blog fantasma em um site estático rápido. Esse tema Gatsby é uma substituição front-end do mecanismo do guidão fantasma, com a pele e a funcionalidade do Ghost Casper padrão. Todo o conteúdo é proveniente de um CMS de fantasma sem cabeça.

Este iniciador está sendo usado no DraftBox. Obtenha um raio rápido e seguro front-end para o seu blog WordPress ou fantasma, em 5 minutos ou menos, sem codificar. Para nossos colegas desenvolvedores, também fornecemos o recurso de exportação de código.

Demonstração

Brinque com a demonstração para ter uma primeira impressão.

Características

Pele e funcionalidade do fantasma Casper
SEO otimizado
Totalmente responsivo
Imagens de Gatsby
Página 404 denominada
RSS Feed
Páginas de amplificador
Sitemap
Formulário de contato
Inscreva -se formulário
Compartilhamento social
Integração do Google Analytics
Integração do segmento
Integração do DISQUS
Composível e extensível

Começando

Instale esta partida executando

gatsby new try-ghost https://github.com/draftbox-co/gatsby-attila-theme-starter

Diretório de alterações
```
 cd try-ghost
```
Correr
```
gatsby develop
```
E visite seu site em http://localhost:8000 .

? O que está dentro?

Uma rápida olhada nos arquivos e diretórios de nível superior que você verá em um projeto Gatsby.

 .
├── node_modules
├── static
├── .gitignore
├── gatsby-config.js
├── yarn.lock
├── package.json
└── README.md

/node_modules : Este diretório contém todos os módulos de código do qual seu projeto depende (pacotes NPM) são instalados automaticamente.
/static : este diretório conterá todos os arquivos estáticos exigidos pelo tema, como favicon , logo e robot.txt .
.gitignore : Este arquivo informa ao GIT quais arquivos não deve rastrear / não manter um histórico de versões para o qual.
gatsby-config.js : Este é o principal arquivo de configuração de um site Gatsby. É aqui que você pode especificar informações sobre seu site (metadados), como o título e a descrição do site, quais plugins Gatsby você gostaria de incluir etc. (confira os documentos da configuração para obter mais detalhes).
yarn.lock (veja yarn.lock abaixo, primeiro). Este é um arquivo gerado automaticamente com base nas versões exatas de suas dependências do NPM instaladas para o seu projeto. (Você não vai alterar este arquivo diretamente).
package.json : Um arquivo de manifesto para projetos node.js, que inclui coisas como metadados (nome do projeto, autor, etc.). Esse manifesto é como o NPM sabe quais pacotes instalarem para o seu projeto.
README.md : Um arquivo de texto contendo informações de referência úteis sobre seu projeto.

Configure

    //siteConfig.js
    module . exports = {
        siteUrl : `https://your-blog.com` , // Do not include a trailing slash!
    
        postsPerPage : 12 , //for future use
    
        siteTitleMeta : `Gatsby Starter Ghost CMS` , // This allows an alternative site title for meta data for pages.
        siteDescriptionMeta : `Gastby Starter with Ghost CMS and Casper Skin` , // This allows an site description for meta data for pages.
    
        shareImageWidth : 1000 , // Change to the width of your default share image
        shareImageHeight : 523 , // Change to the height of your default share image
    
        shortTitle : `Ghost` , // Used for App manifest e.g. Mobile Home Screen
        siteIcon : `favicon.png` , // Logo in /static dir used for SEO, RSS, and App manifest
        backgroundColor : `#e9e9e9` , // Used for Offline Manifest
        themeColor : `#15171A` , // Used for Offline Manifest
    }

Na configuração mostrada acima, os campos mais importantes a serem alterados são siteUrl , siteTitleMeta e siteDescriptionMeta . Atualize pelo menos aqueles para atender às suas necessidades.

Chaves de API de conteúdo fantasma

Todo o conteúdo é proveniente de um CMS fantasma. Se você não personalizar o arquivo .ghost.json O conteúdo será buscado no local da demonstração em https://cms.gotsby.org . Certamente você deseja obter seu próprio conteúdo. Altere as chaves para combinar com suas próprias teclas de API de conteúdo do Ghost CMS:

    {
        " development " : {
            " apiUrl " : " http://localhost:2368 " ,
            " contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
        },
        " production " : {
            " apiUrl " : " http://localhost:2368 " ,
            " contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
        }
    }

Implantar

    gatsby build

Após a conclusão do processo de compilação, seu site estático pode ser encontrado no public/ pasta. Copie esses arquivos para o seu servidor da web.

Otimizando

Você pode desativar o front-end padrão do guidão fantasma, permitindo o sinalizador Make this site private em suas configurações de fantasmas. Isso permite a proteção de senha na frente da instalação do fantasma e define <meta name="robots" content="noindex" /> para que seu front-end Gatsby se torne a fonte da verdade para o SEO.