Descarga gatsby attila theme starter - Código fuente de gatsby attila theme starter Descargar

gatsby attila theme starter

Otras categorias

1.0.0

Descargar

Gatsby-starter-try-ghost

Un iniciador de Gatsby para crear blogs de CMS CMS sin cabeza.

Convierta su blog Ghost en un sitio web estático rápido de Lightning Fast. Este tema de Gatsby es un reemplazo frontal del motor Ghost Manillars con la piel y la funcionalidad estándar de Casper. Todo el contenido proviene de un CMS fantasma sin cabeza.

Este arranque se está utilizando en Draftbox. Obtenga un rayo rápido y seguro front-end para su blog de WordPress o Ghost, en 5 minutos o menos, sin codificar. Para nuestros compañeros desarrolladores, también proporcionamos una función de exportación de código.

Manifestación

Juega con la demostración para obtener una primera impresión.

Características

Piel fantasma y funcionalidad
SEO optimizado
Totalmente receptivo
Imágenes de Gatsby
Página de estilo 404
Alimento RSS
Páginas de amp
Mapa del sitio
Formulario de contacto
Suscribir formulario
Intercambio social
Integración de Google Analytics
Integración de segmento
Integración de Disqus
Compuesto y extensible

Empezando

Instale este arranque ejecutando

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

Directorio de cambio
```
 cd try-ghost
```
Correr
```
gatsby develop
```
y visite su sitio en http://localhost:8000 .

? ¿Qué hay dentro?

Un vistazo rápido a los archivos y directorios de nivel superior que verá en un proyecto de Gatsby.

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

/node_modules : este directorio contiene todos los módulos de código en los que depende su proyecto (paquetes NPM) se instalan automáticamente.
/static : este directorio contendrá todos los archivos estáticos requeridos por el tema como favicon , logo y robot.txt .
.gitignore : este archivo le dice a Git qué archivos no debe rastrear / no mantener un historial de versiones.
gatsby-config.js : este es el archivo de configuración principal para un sitio de Gatsby. Aquí es donde puede especificar información sobre su sitio (metadatos) como el título y la descripción del sitio, que los complementos de Gatsby le gustaría incluir, etc. (consulte los documentos de configuración para obtener más detalles).
yarn.lock (ver yarn.lock a continuación, primero). Este es un archivo generado automáticamente basado en las versiones exactas de sus dependencias de NPM que se instalaron para su proyecto. (No cambiará este archivo directamente).
package.json : un archivo manifiesto para proyectos Node.js, que incluye cosas como metadatos (el nombre del proyecto, autor, etc.). Este manifiesto es cómo NPM sabe qué paquetes instalar para su proyecto.
README.md : un archivo de texto que contiene información de referencia útil sobre su proyecto.

Configurar

    //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
    }

En la configuración que se muestra arriba, los campos más importantes que se cambiarán son siteUrl , siteTitleMeta y siteDescriptionMeta . Actualice al menos aquellos para satisfacer sus necesidades.

Llaves de API de contenido fantasma

Todo el contenido proviene de un CMS Ghost. Si no personaliza el archivo .ghost.json El contenido se obtiene de la ubicación de demostración en https://cms.gotsby.org . Seguramente quieres obtener tu propio contenido. Cambie las claves para que coincidan con sus propias claves de API de contenido CMS Ghost:

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

Desplegar

    gatsby build

Después de completar el proceso de compilación, su sitio estático se puede encontrar en el public/ carpeta. Copie esos archivos a su servidor web.

Optimización

Puede deshabilitar el tema del tema del manillar Ghost predeterminado al habilitar la bandera Make this site private dentro de su configuración fantasma. Esto permite la protección de contraseña frente a la instalación de fantasmas y establece <meta name="robots" content="noindex" /> para que su front-end de Gatsby se convierta en la fuente de la verdad para el SEO.