Gatsbyブログテンプレート

Gatsbyを使用して静的ウェブサイトを構築するためのテンプレート。

ソースコードは**gatsby-starter-glass**にあります。ぜひお試しください。

特徴

すぐに使用可能
完全にローカライズ済み
Walineコメントを含む
Google Analyticsを含む
Markdown編集

ローカル展開

# 1. ローカルにクローン
git clone https://github.com/xiyizhou/gatsby-starter-glass.git

# 2. ディレクトリに移動
cd gatsby-starter-glass

# 3. 依存関係をインストール
yarn install

# 4. 開発モードを開始
yarn start

# 5. 本番バージョンを構築
yarn  build

設定

gatsby-config.jsでウェブサイト情報、Google Analytics IDなどを設定します。
src/components/header.jsでトップナビゲーションバー情報を設定します。
src/components/footer.jsでボトムナビゲーションバー情報を設定します。
src/components/comment.jsでWaline情報を設定します。

記事の公開

ブログ記事

ブログ記事はcontent/blogにあります。テンプレートは次のとおりです。

---
title: GatsbyにWalineコメントコンポーネントをインストールする
date: 2021-11-17 08:08
slug: gatsby-waline
category: 生活
tags:
  - 生活
description: WalineにはまだGatsbyコンポーネントがないため、Walineクライアントライブラリをインストールし、Reactコンポーネントを作成し、適切な場所にコンポーネントを導入することで、GatsbyサイトにWalineコメント機能を追加します。
---

Gatsbyはreactベースの静的ウェブサイト構築フレームワークであり、オンラインストア、公式ウェブサイト、ブログの展開に使用できます。豊富なプラグインを使用することで、画像の遅延読み込み、Markdownドキュメントのサポート、訪問者のコメントなどの機能を実現できます。Gatsbyが公式に推奨するコメントシステムには、Disqus、Gitalkなどがあります。