MDX Example

こんにちは。こちらは Gatsby Theme Aoi を使ったブログのサンプルページです。

Gatsby Theme Aoi の紹介

Gatsby Theme Aoi は自作の Gatsby テーマです。
Material-UI をベースに TypeScript で書かれています。

Gatsby

Gatsby は React 製の静的ページ作成フレームワークです。

Gatsby Theme

Gatsby Theme はレイアウトやページ生成機能など特定の役割に特化させたモジュールです。

Getting Started

インストール

import * as React from 'react';
import Typography from '@material-ui/core/Typography';
import Layout from 'gatsby-theme-aoi/src/layout';

function Page() {
  return (
    <Layout>
      <Typography variant="h2" gutterBottom>
        Hello, World
      </Typography>
      <Typography paragraph>This is Gatsby Theme Aoi layout example.</Typography>
    </Layout>
  );
}

export default Page;