gatsby attila theme starter Скачать - gatsby attila theme starter Source Code Скачать

gatsby attila theme starter

Другие категории

1.0.0

Скачать

Гэтсби-Стартер-Три-ГОСТ

Стартер Гэтсби для создания блогов из безголовых призрачных CMS.

Превратите свой блог о призраках в молниеносный статический сайт. Эта тема Gatsby представляет собой фронтальную замену двигателя Ghost Hanlybars с стандартной кожей и функциональностью Ghost Casper. Весь контент получен из призрачного CMS без головы.

Этот стартер используется в Draftbox. Получите молниеносную, безопасную фронтальную часть для вашего блога WordPress или Ghost, за 5 минут или меньше, без кодирования. Для наших коллег -разработчиков мы также предоставляем функцию экспорта кода.

Демо

Играйте с демонстрацией, чтобы получить первое впечатление.

Функции

Призрак Casper Skin и функциональность
SEO оптимизирован
Полностью отзывчивый
Гэтсби изображения
Стиль 404 страница
RSS Feed
Страницы усилителей
Sitemap
Контактная форма
Подписаться формы
Социальный обмен
Интеграция Google Analytics
Интеграция сегмента
Интеграция DISQUS
Композитный и расширяемый

Начиная

Установите этот стартер, запустив

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

Изменить каталог
```
 cd try-ghost
```
Бегать
```
gatsby develop
```
и посетите свой сайт по адресу http://localhost:8000 .

? Что внутри?

Быстрый взгляд на файлы и каталоги верхнего уровня, которые вы увидите в проекте Gatsby.

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

/node_modules : этот каталог содержит все модули кода, от которых зависит ваш проект (пакеты NPM) автоматически установлены.
/static : этот каталог будет содержать все статические файлы, необходимые для таких тем, как favicon , logo и robot.txt .
.gitignore : Этот файл сообщает GIT, какие файлы не должны отслеживать / не поддерживать историю версий.
gatsby-config.js : это основной файл конфигурации для сайта Gatsby. Здесь вы можете указать информацию о вашем сайте (метаданные), такую как заголовок и описание сайта, которые плагины Gatsby вы хотели бы включить и т. Д. (Посмотрите документы для конфигурации для получения более подробной информации).
yarn.lock (см. yarn.lock ниже, сначала). Это автоматически сгенерированный файл на основе точных версий ваших зависимостей NPM, которые были установлены для вашего проекта. (Вы не измените этот файл напрямую).
package.json : манифестный файл для проектов node.js, который включает в себя такие вещи, как метаданные (имя проекта, автор и т. Д.). Это манифест заключается в том, как NPM знает, какие пакеты для установки для вашего проекта.
README.md : текстовый файл, содержащий полезную справочную информацию о вашем проекте.

Настройка

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

В конфигурации, показанной выше, наиболее важными полями, которые должны быть изменены, являются siteUrl , siteTitleMeta и siteDescriptionMeta . Обновите, по крайней мере, те, кто соответствует вашим потребностям.

Ключи API контента призрака

Весь контент получен из призрачного CMS. Если вы не настраиваете файл. .ghost.json Content извлекается из демонстрационного местоположения по адресу https://cms.gotsby.org . Конечно, вы хотите найти свой собственный контент. Измените клавиши, чтобы соответствовать вашим собственным клавишам API Content Content Ghost CMS:

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

Развертывать

    gatsby build

После завершения процесса сборки ваш статический сайт можно найти в public/ папке. Скопируйте эти файлы в свой веб -сервер.

Оптимизация

Вы можете отключить фронт-тему темы призрака по умолчанию, позволив Make this site private флагом в настройках призраков. Это обеспечивает защиту пароля перед установкой призрака и устанавливает <meta name="robots" content="noindex" /> так что ваш фронт-конечный Gatsby становится источником истины для SEO.