GatsbyでHP作成その3：ブログ記事ページの投稿者情報を非表示

2022-03-17

トップページの投稿者情報は非表示にしましたが、ブログ記事ページにも投稿者情報が表示されていましたので、こちらも非表示にします。

gatsby starter blogの記事ページのテンプレートは、 src/templates/blog-post.jsですので、こちらを修正します。

import * as React from "react"
import { Link, graphql } from "gatsby"

//import Bio from "../components/bio"
import Layout from "../components/layout"
import Seo from "../components/seo"

const BlogPostTemplate = ({ data, location }) => {
  const post = data.markdownRemark
  const siteTitle = data.site.siteMetadata?.title || `Title`
  const { previous, next } = data

  return (
    <Layout location={location} title={siteTitle}>
      <Seo
        title={post.frontmatter.title}
        description={post.frontmatter.description || post.excerpt}
      />
      <article
        className="blog-post"
        itemScope
        itemType="http://schema.org/Article"
      >
        <header>
          <h1 itemProp="headline">{post.frontmatter.title}</h1>
          <p>{post.frontmatter.date}</p>
        </header>
        <section
          dangerouslySetInnerHTML={{ __html: post.html }}
          itemProp="articleBody"
        />
        <hr />
        <footer>
          {/*<Bio />*/}
        </footer>
      </article>

最初のほうのimport Bioの行と、
<footer>の<Bio />の行をコメントアウトします。

これで、投稿者情報が非表示になりました。