Téléchargement gatsby attila theme starter - gatsby attila theme starter code source du démarreur du thème Gatsby Attila Téléchargement

gatsby attila theme starter

Autres catégories

1.0.0

Télécharger

Gatsby-starter-ghost

Un démarreur de Gatsby pour créer des blogs à partir de CMS fantômes sans tête.

Transformez votre blog fantôme en un site Web statique rapide Lightning. Ce thème Gatsby est un remplacement frontal du moteur Ghost Grodbars avec la peau et la fonctionnalité Ghost Casper standard. Tout le contenu provient d'un CMS fantôme sans tête.

Ce démarreur est utilisé sur DraftBox. Obtenez la foudre rapide, sécurisé avant pour votre WordPress ou votre blog fantôme, en 5 minutes ou moins, sans codage. Pour nos collègues développeurs, nous fournissons également une fonction d'exportation de code.

Démo

Jouez avec la démo pour obtenir une première impression.

Caractéristiques

Skin Ghost Casper et fonctionnalité
SEO optimisé
Pleinement réactif
Images de Gatsby
Styled 404 Page
RSS Feed
Pages d'ampli
Sitemap
Formulaire de contact
Formulaire
Partage social
Intégration Google Analytics
Intégration du segment
Intégration Disqus
Composable et extensible

Commencer

Installez ce démarreur en fonctionnant

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

Répertoire de modification
```
 cd try-ghost
```
Courir
```
gatsby develop
```
Et visitez votre site à http://localhost:8000 .

? Qu'y a-t-il à l'intérieur?

Un rapide coup d'œil aux fichiers et répertoires de niveau supérieur que vous verrez dans un projet Gatsby.

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

/node_modules : ce répertoire contient tous les modules de code dont votre projet dépend (packages NPM) est automatiquement installé.
/static : ce répertoire contiendra tous les fichiers statiques requis par le thème tels que favicon , logo et robot.txt .
.gitignore : Ce fichier indique à Git quels fichiers il ne devrait pas suivre / ne pas maintenir l'historique de version.
gatsby-config.js : il s'agit du fichier de configuration principal d'un site gatsby. C'est là que vous pouvez spécifier des informations sur votre site (métadonnées) comme le titre et la description du site, que les plugins Gatsby que vous souhaitez inclure, etc. (consultez les documents de configuration pour plus de détails).
yarn.lock (voir yarn.lock ci-dessous, d'abord). Il s'agit d'un fichier généré automatiquement basé sur les versions exactes de vos dépendances NPM qui ont été installées pour votre projet. (Vous ne modifierez pas ce fichier directement).
package.json : un fichier manifeste pour les projets Node.js, qui comprend des choses comme les métadonnées (nom du projet, auteur, etc.). Ce manifeste est de savoir comment NPM sait quels packages installer pour votre projet.
README.md : un fichier texte contenant des informations de référence utiles sur votre projet.

Configurer

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

Dans la configuration ci-dessus, les champs les plus importants à modifier sont siteUrl , siteTitleMeta et siteDescriptionMeta . Mettez à jour au moins ceux qui répondent à vos besoins.

Touches API de contenu fantôme

Tout le contenu provient d'un CMS fantôme. Si vous ne personnalisez pas le fichier. Le contenu .ghost.json est récupéré à partir de l'emplacement de démonstration à https://cms.gotsby.org . Vous souhaitez sûrement trouver votre propre contenu. Changez les clés pour correspondre à vos propres clés API de contenu Ghost CMS:

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

Déployer

    gatsby build

Une fois le processus de construction, votre site statique peut être trouvé dans le dossier public/ . Copiez ces fichiers dans votre serveur Web.

Optimisation

Vous pouvez désactiver le thème du guidon fantôme par défaut frontal en activant l'indicateur Make this site private dans vos paramètres fantômes. Cela permet une protection par mot de passe devant l'installation de fantômes et définit <meta name="robots" content="noindex" /> donc votre frontal Gatsby devient la source de vérité pour le référencement.