見栄えの修正

July 26th, 2020

シンタックスハイライト

プラグインのインストール

yarn add prismjs
yarn add gatsby-remark-prismjs
yarn add gatsby-plugin-sharp gatsby-plugin-manifest gatsby-transformer-sharp gatsby-transformer-sqip

コードタイトル表示

プラグインのインストール

yarn add gatsby-remark-prismjs-title

config修正

gatsby-config.js 
resolve: 'gatsby-transformer-remark',
options: {
  plugins: [
    'gatsby-remark-prismjs-title',
    {
      resolve: `gatsby-remark-prismjs`,
      options: {
        classPrefix: "language-",
        inlineCodeMarker: null,
        aliases: {},
        showLineNumbers: true,
        noInlineHighlight: false
      },
    },
  ],
},