🤔 질문하기

[utterances-bot]

템플릿 관련해서 궁금한 점이 있으시다면,
👇 아래에 남겨주세요! 빠르게 답변드리도록 하겠습니다~!😋

[jihyunhillpark]

우와.. 줌코딩님 블로그가 아름답다고 생각했는데 이렇게 공유해주셔서 감사합니다~

[zoomkoding]

아이고~ @jihyunhillpark님 항상 응원해주셔서 감사합니당~🙏👍

[Ssongs2]

안녕하세요. 5. Blog 배포하기에서 npm run deploy 하면,
Error: gatsby-node.js:40
nextSlug: next?.fields.slug ?? '',
^
SyntaxError: Unexpected token '.'
가 떠요. gatsby build가 안되는 것 같은데 뭐가 문제인지 모르겠어요

[zoomkoding]

@Ssongs2님 안녕하세요! 해당 이슈는 노드 버전 문제로 보이는데요!
관련 이슈 참고해서 노드버전 업그레이드 하시면 같습니다!🙏

[zoomkoding]

노드 버전 업그레이드 방법은 이 글을 참고하시면 좋을 것 같습니다!
방법이 길지 않아 바로 소개해드리면

Ubuntu Linux/Mac: 다음 명령어 실행하기

sudo npm install n -g
sudo n stable

Window: 홈페이지에서 재설치

[JUNG-BIN-KIM]

안녕하세요~ Gatsby 블로그 만들려던 차에 좋은 글 남겨주셔서 감사합니다~

5. Blog 배포하기 섹션의
   npm run deploy 을 run 시키면

npm ERR! code EJSONPARSE
npm ERR! file C:\Users\Username\Desktop\정빈\JUNG-BIN-KIM.github.io\package.json
npm ERR! JSON.parse Failed to parse json
npm ERR! JSON.parse Unexpected string in JSON at position 2100 while parsing '{
npm ERR! JSON.parse "name": "zoomkoding.com",
npm ERR! JSON.parse "priva'
npm ERR! JSON.parse Failed to parse package.json data.
npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Username\AppData\Roaming\npm-cache_logs\2021-08-08T16_03_11_820Z-debug.log

라는 에러 메세지가 뜨는데요, 혹시 어떤 부분이 잘못된건지 대략적으로라도 알 수 있을까요?

[zoomkoding]

@JUNG-BIN-KIM 님 안녕하세요!
해당 이슈는 package.json 파일의 내용을 봐야 알 수 있을 것 같습니다!
package.json 내용을 포함해서 이슈 남겨주시면 확인해보겠습니다!

[devToram]

안녕하세요! 블로그가 좋아서 따라해보는 중인데 혹시 4번 항목이 package.json이 아닌 packages.json이 맞나요??

[zoomkoding]

@JooEHyeon님 안녕하세요~! 블로그 관심 가져주셔서 감사합니다😀
네 오타가 있었네요, package.json이 맞습니다..!
다른 분들도 오해하실 수 있었을텐데 알려주셔서 감사합니다!🙏

[free-ko]

먼저 이렇게 좋은 블로그 만들 수 있는 방법을 알려주셔서 감사합니다!!
알려주신 대로 따라했는데 https://free-ko.github.io/ 로 들어가보니 README 내용이 나오는게 뜨던데 이게 맞을까요?

[zoomkoding]

@free-ko님 안녕하세요! 제 블로그 테마를 써주셔서 감사합니다🤩
제가 접속해보니 테마가 적용된 페이지가 나오는데요! 다시 한번 확인해보시겠어요?ㅎㅎ
아마 deploy하고 웹페이지에 반영되기 까지 시간이 좀 걸렸던 것 같습니다!

[free-ko]

잘 나오네요!! ㅎㅎ 감사합니다!!!

[devupkim]

zoomKoding님 안녕하세요! Gatsby 테마로 Github Blog를 만들어보려다가 잘 안되어서😢 이슈에 현재 상황을 남겨두었습니다. 시간 되실 때 어떻게 해결할 수 있는지 도와주실 수 있을까요? 부탁드려용!

zoomKoding님께서 도와주셔서 해결했습니다.
해결한 방법은 여기에 있습니다🤗

[zoomkoding]

@taehyunk124님 안녕하세요~! 주말동안 일이 있어서 이슈를 이제 확인했습니다! 😭
말씀해주신 문제는 저도 처음 보는 이슈라 오늘 밤에 확인해보고 연락드리겠습니다~!🙏

[free-ko]

진혁님~ 궁금한게 있어서 또 질문합니다😉 먼저 제공해주신 테마 잘 쓰고 있습니다
다름이 아니라 기존 테마의 썸네일 GIF 미모티콘을 변경하고 싶어서 작업하는데 잘 되지 않더라구요 ㅎㅎ;;
이폰으로 미모티콘 만들어서 노트북으로 전달해 다운로드 하면 mov 파일을 gif로 변경해서 적용해봤더니 모션이 엄청 느려 지는데,
혹시 미모티콘 GIF를 어떻게 만들었는지 궁금해서 질문 올려드려요 ㅎㅎ

[zoomkoding]

@free-ko님 안녕하세요!
미모티콘 GIF로 변환하는 방법을 올려야지 했는데 마침 물어봐주셔서 글로 작성해봤습니다!
움직이는 미모티콘 GIF 생성하기 글을 참고하시면 될 것 같습니다!👍

[free-ko]

감사합니다!! ㅎㅎ

[kdh92417]

안녕하세요 블로그를 참조하여 2가지 안되는 부분이있어서 해결한 부분이있는데요 도움이 될까봐 올려봅니다.

• git-pages 브랜치가 이미 있다고 에러가뜸 -> rm -rf node_modules/.cashe/gh-pages 삭제 (node_modules/gh-pages/.cashe 의 경로가아님)
• password 입력하라고해서 비밀번호 입력했는데 인증이안됨 -> 토큰입력방식으로 바뀌어서 본인 디벨롭세팅에가서 토큰 생성후 토큰 입력해야됨

[zoomkoding]

@kdh92417님 안녕하세요!
@taehyunk124님도 말씀해주신 부분과 같은 이슈였고 같은 방법으로 해결하셨다고 하네요!👏
좋은 의견 남겨주셔서 감사합니다!👍

[kdh92417]

안녕하세요 진혁님 제가 구글노출을 시도해보고있는데, Google Analytics Tracking ID를 발급하고 URL까지는 등록했는데 주어진 advanced sitemap으로 구글서치콘솔에서 사이트맵을 가져오고싶은데, 계속 가져 올수 없다고해서요 ㅜㅜ 무슨오류인지도 모르겠고.. 혹시 진혁님은 구글서치콘솔에서 사이트맵을 어떻게 등록하셨나요?

[zoomkoding]

@kdh92417 님 안녕하세요!
저는 서치 콘솔에 아래와 같이 /sitemap.xml과 sitemap-pages.xml 이렇게 두개를 등록해두었습니다!

[zoomkoding]

혹시 지속적으로 문제가 있으시다면, 구체적인 내용을 포함해서 이슈 남겨주시면 확인해보겠습니다!🙏

[devupkim]

안녕하세요 @zoomkoding 님! 제가 Branch에 대해서 완벽한 이해를 하지 못해서인지도 모르겠지만..궁금한게 있습니다!
8.수정하고 배포하기 에서 Branch가 총 세 개(master, gh-pages, docs) 있는데요. 변경 사항들에 대한 모든 commit은 세 Branch 중 gh-pages로 하고 나머지는 건드릴 필요가 없는 것인가요?

[zoomkoding]

@taehyunk124님 안녕하세요!
말씀하신대로 다른 브랜치와 상관없이 gh-pages로 deploy하게 되면 블로그가 변경되는 걸 확인하실 수 있습니다!
그리고 master, docs에 커밋을 푸쉬하더라도 gh-pages로 deploy하지 않으시면 변동사항이 배포된 웹에 반영되지 않는다는 점 참고해주세요 👍

[devupkim]

오 그렇군요! 알려주셔서 감사합니다🙃

[zellyshu]

테마가 너무 이쁩니다ㅎㅎ
감사히 잘 사용하겠습니다!

[zoomkoding]

@zellyshu 님 안녕하세요~! 테마 잘써주셔서 감사합니다ㅎㅎ
쓰시다가 필요한 기능이나 궁금하신 점이 있으시다면 언제든지 이슈 남겨주세요~🙏

[LeeSungKi]

혹시 지속적으로 문제가 있으시다면, 구체적인 내용을 포함해서 이슈 남겨주시면 확인해보겠습니다!🙏

줌코딩님 빌드시 생성된 sitemap.xml, sitemap-pages.xml 파일의 urlset 좀 공유가능한가요? 저도 위와같이 sitemap을 가져올수없다고 계속 떠서 구글 서치콘솔에 등록이 불가능한 상태 입니다...ㅠㅠ

[free-ko]

https://www.gatsbyjs.com/plugins/gatsby-remark-highlight-code/ 문서 보면서 적용할려고 진행 중인데

문서 중에 밑에 코드를 어떤 index.js에 포함시켜야 할지 모르겠습니다.
import { defineCustomElements as deckDeckGoHighlightElement } from "@deckdeckgo/highlight-code/dist/loader";
deckDeckGoHighlightElement();

그래서 일단은 pages/index.js에 포함시켜봤더니 밑에 이미지처럼 에러가 발생하네요 ㅜㅜ

[han9rykim]

좋은 테마 감사합니다!

[howyoujini]

테마 잘 이용해보겠습니다~ 너무 감사합니다!!

[hong1995]

평소처럼 게시글을 올리고 커밋후 npm run deploy를 했는데 이런 에러가 뜨네요ㅠㅠ

PS C:\Users\whwog\GIT\hong1995.github.io> npm run deploy

> zoomkoding.com@2.0.0 deploy
> gatsby clean && gatsby build && gh-pages -d public

info Deleting .cache, public,
C:\Users\whwog\GIT\hong1995.github.io\node_modules\.cache\babel-loader,
C:\Users\whwog\GIT\hong1995.github.io\node_modules\.cache\terser-webpack-plugin
info Successfully deleted directories

success open and validate gatsby-configs, load plugins - 4.347s
success onPreInit - 0.030s
success initialize cache - 0.145s
success copy gatsby files - 0.851s
success Compiling Gatsby Functions - 1.051s
success onPreBootstrap - 2.903s
success createSchemaCustomization - 0.160s
success Checking for changed pages - 0.003s
success source and transform nodes - 0.400s
success building schema - 1.489s

 ERROR #11321  PLUGIN

"gatsby-node.js" threw an error while running the createPages lifecycle:

Cannot read properties of null (reading 'split')

  31 |
  32 |   edges.forEach(({ node }) => {
> 33 |     const postCategories = node.frontmatter.categories.split(' ');
     |                                                        ^
  34 |     postCategories.forEach((category) => categorySet.add(category));
  35 |   });
  36 |

File: gatsby-node.js:33:56



  TypeError: Cannot read properties of null (reading 'split')

  - gatsby-node.js:33
    C:/Users/whwog/GIT/hong1995.github.io/gatsby-node.js:33:56

  - Array.forEach

  - gatsby-node.js:32 createPostsPages
    C:/Users/whwog/GIT/hong1995.github.io/gatsby-node.js:32:9

  - gatsby-node.js:99 Object.exports.createPages
    C:/Users/whwog/GIT/hong1995.github.io/gatsby-node.js:99:3

  - api-runner-node.js:430 runAPI
    [hong1995.github.io]/[gatsby]/src/utils/api-runner-node.js:430:16


failed createPages - 4.569s

PS C:\Users\whwog\GIT\hong1995.github.io>

[sujin-z4]

이렇게 간단하게 성공한건 3주만에 처음이에요. 너무 감사합니다!

[Han-Archives]

잘 설명해주신 덕에 쉽게 성공했습니다. 감사합니다.

[zoomkoding]

@hong1995님 안녕하세요!
혹시 작성하신 글 중에서 categories가 비어있는 글이 있지는 않으신가요? 확인 한번 해주시면 감사하겠습니다!

[ryoon-with-wisdomtrees]

감사합니다! 잘 사용하겠습니다!

[synuns]

npm start로 로컬에서 블로그가 잘보이고 deploy로 gh-pages에 배포까지 했는데 블로그메인이 아니라 README.md만 보입니다. 뭐가 문제일까요?

[synuns]

npm start로 로컬에서 블로그가 잘보이고 deploy로 gh-pages에 배포까지 했는데 블로그메인이 아니라 README.md만 보입니다. 뭐가 문제일까요?

자문자답합니다...🤣 github pages source 브랜치 설정이 master로 되어있어서 readme가 나왔던거네요!
gh-pages로 변경해서 지금은 잘 나옵니다! 감사합니다 줌코딩님😁

[Rudiium]

안녕하세요 줌코딩님! 알려주신 방법대로 잘 따라가다가 배포 부분인 npm run deploy를 할 경우 원래는
'gatsby는 내부, 외부 적으로 이'gatsby'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.'
와 같이 나와서, gatsby를 따로 다운받아야 하는지 알고, npm install -g gatsby cli 와 같은 명령어를 사용해서 gatsby를 다운받았는데요.. 이후 다시 run deploy를 하면 아래와 같이만 나옵니다,,ㅠ 어떻게 해결해야 할까요?

ERROR

gatsby build

Build a Gatsby project.

Options:
--verbose Turn on verbose output [boolean] [default: false]
--no-color, --no-colors Turn off the color in output [boolean] [default: false]
--json Turn on the JSON logger [boolean] [default: false]
--prefix-paths Build site with link paths prefixed with the pathPrefix value in gatsby-config.js. Default
is env.PREFIX_PATHS or false. [boolean] [default: false]
--no-uglify Build site without uglifying JS bundles (for debugging). [boolean] [default: false]
--profile Build site with react profiling (this can add some additional overhead). See
https://reactjs.org/docs/profiler [boolean] [default: false]
--graphql-tracing Trace every graphql resolver, may have performance implications [boolean] [default: false]
--open-tracing-config-file Tracer configuration file (OpenTracing compatible). See https://gatsby.dev/tracing[string]
-h, --help Show help [boolean]
-v, --version Show the version of the Gatsby CLI and the Gatsby package in the current project [boolean]

ERROR

gatsby can only be run for a gatsby site.
Either the current working directory does not contain a valid package.json or 'gatsby' is not specified as a dependency

[jasoonoo]

덕분에 쉽게 블로그를 만들수 있었습니다~ 좋은 테마 공유해 주셔서 감사드려요!

[Ssongs2]

아래 이슈를 만난 분에게 도움이 될까해서 댓글 남깁니다.

Error while running GraphQL query.
failed createPages - 0.442s

index.md 파일에
목차 생성을 위한 (```)벡틱 + toc 추가 시 에러가 났는데요.
원인은 ## H2 를 통한 제목 설정이 안되어 발생하였습니다.

[cherrishRed]

안녕하세요, 줌코딩님. 제공해 주신 너무 감사하게 잘 사용하고 있습니다. 🙇🏻‍♀️
블로그에 about post 말고도 새로운 탭을 만드는 것이 가능 할까요?
TIL 을 포스트와 분리해서 따로 관리하고 싶어서 새로운 탭을 만드려고 합니다. 만약 어렵다면,
분리해서 관리하는 것이 어렵다면, 그냥 TIL 탭 을 누르면 그냥 깃허브 TIL 페이지로 연동되게 하고 싶습니다.
어떻게 할 수 있을까요?

[hwajin3114]

1. post 상세 페이지에서 태그를 표시하고 싶은데 방법이 있을까요?
2. 그리고 상단에 about, blog와 같은 탭을 추가할 수 있는지도 알고 싶습니다!

[seolleung2]

안녕하세요~! 블로그 잘 사용하고 있어요 :) 먼저 감사드립니다~!

다름이 아니라 제가 구글 서치 콘솔에서 색인 > 사이트맵 에서 사이트맵을 제출햇는데, 상태가 가져올 수 없음 으로 뜨더라고요.

구글 GA id 는 적용했는데, 생각해보니 저는 블로그 글 쓰고 제 마스터 브랜치에 푸시만 해서 그런 거일까요?
글 작성 이후 npm run build 과정을 한번 거친 뒤 마스터에 푸시하면 되는 것인지, 여쭤보고 싶습니다.

좋은 블로그 만들어 주셔서 감사합니다!

[hyunzxn]

따라하는 과정 중에서 별 다른 이상은 없었는데 제 주소로 들어가니 줌코딩님 블로그 README.md 파일이 나오는데 원래 이런건가요? ㅠㅠ 깃헙 블로그는 처음이라 잘 몰라서 이런 질문드립니다..

[hyunzxn]

아 시간이 지나니까 잘 나오네요! 감사합니다 ㅠㅠ

[Raoun4136]

템플릿 잘 적용하고 쓰고 있습니다.
raoun4136@github.io
인데, static/ 하위폴더에 og-image.png를 똑같이 바꾸고 npm run delploy를 했는데 자꾸 바뀌질않네요...
github에 gh-pages에도 바뀐걸 확인했습니다ㅜㅜ 적용이 안되는 이유는 뭘까요?

[dgd03146]

안녕하세요!! 블로그에 잘 적용되서 사용하는중입니다~~ 근데 댓글 기능을 어떻게 추가하는지 잘 모르겠네요 ㅠㅠ 혹시 어디다가 추가해야하는지 알수 있을까요?

[7rohj]

ERROR

Unable to copy site files to .cache EPERM: operation not permitted, lstat
'C:\Users\User\7rohj.github.io.cache\loading-indicator'

Error: EPERM: operation not permitted, lstat 'C:\Users\User\7rohj.github.io.cache\loading-indicator'

not finished copy gatsby files - 0.054s

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! zoomkoding.com@3.0.0 deploy: gatsby build && gh-pages -d public
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the zoomkoding.com@3.0.0 deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\User\AppData\Roaming\npm-cache_logs\2022-04-01T11_03_28_193Z-debug.log

이건 무슨 에러일까욥.. 어제 잘하고 deploy 하고 블로그도 꾸몄었는데
새로 바꾸고 싶은 부분이 있어서 새로 만들때랑 같이 해봤는데 뜬금없이 에러가 뜨네용
아시는분 계신가요

[7rohj]

ERROR

Unable to copy site files to .cache EPERM: operation not permitted, lstat 'C:\Users\User\7rohj.github.io.cache\loading-indicator'

Error: EPERM: operation not permitted, lstat 'C:\Users\User\7rohj.github.io.cache\loading-indicator'

not finished copy gatsby files - 0.054s

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! zoomkoding.com@3.0.0 deploy: gatsby build && gh-pages -d public npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the zoomkoding.com@3.0.0 deploy script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\User\AppData\Roaming\npm-cache_logs\2022-04-01T11_03_28_193Z-debug.log

이건 무슨 에러일까욥.. 어제 잘하고 deploy 하고 블로그도 꾸몄었는데 새로 바꾸고 싶은 부분이 있어서 새로 만들때랑 같이 해봤는데 뜬금없이 에러가 뜨네용 아시는분 계신가요

해결했습닏자!

[gandol2]

좋은테마 만들어 주셔서 감사합니다.

[haseungwon]

너무 좋아요 감사합니다!!!

[JunHyxxn]

안녕하세요.
좋은 블로그 테마 사용할 수 있게 해주셔서 감사합니다!!

줌코딩님 테마를 바탕으로 약간 수정하여 사용하는 글을 제 블로그에 포스팅해도 될까요??

다시 한 번 좋은 테마 무료로 사용할 수 있게 만들어주셔서 감사합니다!!

[HA-SEUNG-JEONG]

안녕하세요 줌코딩님 블로그 이용해서 운영중입니다!
구글 애널리틱스 지원한다고 하셨는데 이외에 제가 추가적으로 설정해줘야 되는 게 있나요?

[GYURI-PARK]

진혁님ㅜㅜㅜnpm run deploy 명령 시 write : epipe라는 명령어가 뜨는데 이게 pipe가 원격으로 끊어졌다는 오류인것 같은데 혹시 어떻게 해결해야하나요??ㅜㅜㅜ

제가 deploy하고 아직 페이지에 반영되지 않은 상태에서 새로고침을 여러번 했는데... 이것 때문에 발생한 문제인가요...??

이슈에도 남겨놨는데 한번만 봐주셨으면 합니다ㅜㅜㅜ

[eastlighting1]

좋은 블로그 테마 만들어주셔서 감사드립니다.

제가 깃허브 시스템과 웹 모두 익숙하지 않아 수정에 어려움을 겪어 질문드리고자 합니다......!

실질적으로 사용자가 수정하는 것은 gatsby-meta-config.js와 content 이하 게시글 정도로 보이는데요.

두개 모두 (1) 파일 수정 - (2) main에 commit 및 fetch - (3) npm run deploy - (4) 이후 github action 작동의 순서로 가는 것 같은데 이후 적용이 안됩니다. 그 뒤에 npm start도 해보고 하는데 한 1초 정도 잠깐 됐다가 다시 돌아가는 것 같습니다.....ㅠㅠ 순서가 잘못된 게 있을까요?

---

해결했습니다. 한 action이랑 별개로 한 10분 정도 딜레이가 있는 것 같네요

[jungsikjeong]

줌코딩님 안녕하세요!
혹시 댓글 utterances로 설정을해서 카피했는데, 이 카피한 코드는 어디에 붙여넣기 하면 될까요?