gatsby attila theme starterダウンロード-Gatsby gatsby attila theme starterソースコードダウンロード

gatsby attila theme starter

その他のカテゴリー

1.0.0

ダウンロード

Gatsby-Starter-Try-Ghost

ヘッドレスゴーストCMSからブログを作成するためのギャツビーのスターター。

GhostブログをLightning Fast Static Webサイトに変えます。このギャツビーのテーマは、標準のゴーストキャスパースキンと機能性を備えたゴーストハンドルバーのエンジンのフロントエンド交換です。すべてのコンテンツは、ヘッドレスゴーストCMSから供給されます。

このスターターはDraftBoxで使用されています。 WordPressまたはGhostブログのために、速度を高速にして、コーディングなしで5分以内にフロントエンドを安全にします。仲間の開発者には、コードエクスポート機能も提供しています。

デモ

第一印象を得るためにデモで遊んでください。

特徴

ゴーストキャスパースキンと機能
SEOが最適化されました
完全に応答します
ギャツビーの画像
スタイル404ページ
RSSフィード
アンプページ
サイトマップ
フォームにお問い合わせください
サブスクライブフォーム
ソーシャル共有
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コンテンツはhttps://cms.gotsby.orgのデモの場所からフェッチされます。確かにあなたはあなた自身のコンテンツを調達したいです。自分のゴーストCMSコンテンツAPIキーに合わせてキーを変更します。

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

展開する

    gatsby build

ビルドプロセスの完了後、静的サイトはpublic/フォルダーにあります。これらのファイルをWebサーバーにコピーします。

最適化

ゴースト設定内でMake this site privateことにより、デフォルトのゴーストハンドルバーのテーマのフロントエンドを無効にすることができます。これにより、Ghostインストールの前でパスワード保護が可能になり、 <meta name="robots" content="noindex" />を設定します。