Gatsby블로그를 만들기! :DAY6

DIDI( 지수)·2022년 7월 1일

블로그를 만들자

목록 보기

4/4

오늘의 목표

게시글을 md로 적용합니다

배경

기존에는 gatsby블로그를 튜토리얼대로 진행하다보니, 카테고리나 태그 등의 기능등을 하고 싶었으나. 대부분의 자료가 마크다운이라서 그래서 어쩌지하는 생각이 들어 이번에는 마크다운으로 시작해보자! 하는 마음으로 시작하게 되었습니다

참고 링크

❤️‍🔥 갯츠비 공식 페이지

Adding Markdown Pages

여기에 나오는대로! 진행해 주면 되는 거였지만… 나는 조금 시작부터 엉켰어서 하나하나 정리해볼까 합니다 🙃

별개의 블로그 폴더 만들기

Part 6: Create Pages Programmatically

일단 위 글을 보며, 다시한번 블로그 폴더를 별개로 만들어 주었습니다. 그런데 이전처럼 단순 blog 라는 이름으로 진행했을 때 에러가 나서, 설마 하고 index로 파일명을 바꿔주니 일단 해결은 되었습니다. 그리고 생각해보니 아마 블로그라는 이름으로 진행했다면 blog/blog/게시글명 식으로 주소가 되어 조금 별로 였겠지하는 생각이 들었습니당

갯츠비 플러그인 설정하기

gatsby-source-filesystem 은 이미 기본적으로 pages에 있는 모든 파일을 보고 있으나, md파일을 보고있을 칭구도 필요해 설명에 따라 아래와 같이 설정해 줍니다 ****

{
      resolve: "gatsby-source-filesystem",
      options: {
        name: "pages",
        path: `${__dirname}/src/pages/`,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `markdown-pages`,
        path: `${__dirname}/src/markdown-pages`,
      },
    },
    `gatsby-transformer-remark`,

그런데 사실, 진행을 하며 실수를 했던게, 이처럼 설치를 하고 graphql 을 확인해 주었을 때, 여전히 mdx가 건강히 살아 남아 있다는걸 확인을 안해 주었다는 것임니다..

그래서 계속해서 markdownRemark 가 없다는 에러를 만나게 되었는데, 설마하고 mdx 플러그인을 삭제하고 다시 진행해주니 일단은 동일한 에러가 발생하지 않았습니다

그래프큐엘에서의 에러

그렇습니다 graphql 도 말을 들어주지 않았어요. 컴퓨터는 거짓말을 하지 않는다니 일단은 에러를 확인해 보았습니다

에러: **ariable "$id" of required type "String!" was not provided**

그래서 검색해보니 다행히 갯츠비 이슈 란에 누가 질문을 해놓은 거여서 일단은 결론을 확인 해보았습니다. String뒤에 느낌표만 제거하면…되는 거였습니다. 그런데 문제는 도대체 왜?? 라는거지만,,, 다행히 빌드도 무사히되어서 일단은 지나가자 정도로 진행하게 되었습니다

https://github.com/gatsbyjs/gatsby/issues/8242