안녕하세요 ~~!!
이번에 블로그를 새롭게 단장하면서 이것저것 해보고 있는 중입니다 ㅎㅎ 너무 예쁜 테마를 만들어주셔서 감사합니다 !!

다름이 아니라 포스트를 업로드할 때 새로운 카테고리의 포스트를 업로드했는데요,,
홈 화면에서는 새로운 카테고리가 생성되어 탭에 잘 보여지는데 상단의 Posts를 누르고 들어가면 업데이트가 안되는 현상을 겪고 있어요 ㅠㅠ
태그를 클릭하여 들어가거나 url을 직접 입력하여 www.{블로그}/posts/{카테고리명} 을 입력하면 해당 페이지가 잘 나오는데
상단의 Posts를 누르고 들어가면 업데이트 되지 않은 상태로 화면에 나옵니다 ㅠㅠ ALL탭에 포스트 수도 업데이트가 안되구요 !!
혹시나 배포 딜레이 떄문인가 하여 몇시간 기다려보았지만 여전하네요 ㅠㅠ

예시)

• 홈 화면에 JPA 카테고리 존재
• 하단에 More을 누르거나 상단에 Posts를 누르면 JPA 카테고리 사라짐 (+JPA 카테고리에 소속된 글은 ALL 탭에 포스트 개수에 반영 안됨)

제가 현재 적용하고 있는 블로그 주소는 yjksw.github.io 입니다 !!

감사합니다 ㅎㅎ

조급함 속 방황하는 신입의 마음 다잡기

🌪 방황하는 신입 입사를 한지 어느덧 반년 가까이 흘러가고 있다. 회사에서 멋진 프로젝트에 참여하며 훌륭한 사람들과 함께 일을 하고 있게 되었고, 남아있던 마지막 학기도 저녁과 주말 시간을 활용해서 마무리하게 되었다. 겉보기에는 순탄하게 잘 진

https://www.zoomkoding.com/how-to-overcome-impatience/

현재 게시글의 최하단에 toc 을 추가하였을 때 h1~h6까지의 헤더가 없을 경우 graphQL에러가 뜸을 발견하였습니다.

포스팅의 페이지뷰 수를 표시할 수 있으면 좋겠다.

위 그림과 같이 다음 글, 이전 글 위치가 약간 이상하네요...

Post Page에서 위에 위치한 글이 다음 글. 아래에 위치한 글이 이전 글이 되어야 할 것 같아서

nextPost와 prevPost 위치만 바꿔서 해결했습니다!

PS://

추가적으로 질문하고 싶은 부분이 있습니다.!!

위 글 처럼 포스트를 작성하고 있는 도중에 md로 묶은 박스와 일단 markdown 의 글꼴과 font-size가 다른 것 같은데

혹시 md 박스의 font나 size 설정은 어디서 해야 할까요

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

줌코딩님!! 질문 두개 드립니다!!

1. MD Image 정렬 기능 제한. (해당 코드 변경해도 Left 정렬 되지 않음.)
   

2. css 기본 폰트 이외의 Google Font 사용법

안녕하세요 줌코딩님 많은 도움으로 인해 성공적으로 블로그 리빌딩 중입니다!!

다름이 아니라 줌코딩님 Gastby 테마는 advanced-sitemap 플러그인을 사용 중이신 것 같은데 RSS는 따로 등록하지 않으신 상태이신가요

안녕하세요. zoomKoding님! 좋은 Gatsby-theme을 만들어 주셔서 감사합니다.
Gatsby와 Github Pages로 블로그를 만들려고 하던 중 Error와 저에게 발생하는 몇몇 이슈들이 있어 문의를 드립니다.

우선 만드는 과정은 zoomKoding님의 블로그 글을 참고했습니다.

저의 개발 환경은

• Windows 10 버전 21H1 (빌드 OS 19043)
• Nodejs v16.8.0 (기존에는 14.17.5 LTS 버전이 설치된 상태로 시도했는데 잘 안되어서 업그레이드 한 것입니다.)
• npm 7.21.0
• Clone은 Github Desktop으로 진행
• 쉘(?)은 git bash를 사용했습니다

블로그의 과정대로

1. Repository 생성하기
2. Repository 가져오기
   까지 완료 후
3. Blog 설치하기 에서 다음과 같은 Warning이 나타났습니다. 이것은 찾아보니 플러그인으로 변경되었다고 하여 큰 문제는 아닌 것 같지만 일단 과정 중 일부이기에 썼습니다.

$ npm install
npm WARN deprecated [email protected]: This package has been deprecated in favor of gatsby-plugin-image. The migration guide can be found here: https://www.gatsbyjs.com/docs/reference/release-notes/image-migration-guide/.

added 2668 packages, changed 15 packages, and audited 2684 packages in 3m

65 packages are looking for funding
  run `npm fund` for details

35 vulnerabilities (19 moderate, 16 high)

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

그리고
4. Blog 배포 준비하기에서는 아래처럼 gh-pages라는 패키지를 설치 후, package.json에 있는 scripts부분에 "deploy": "gatsby build && gh-pages -d public"를 추가해야 한다고 써있기에 해당 파일을 열어보았더니 이미 delpoy부분에 동일하게 작성되어 있었습니다. 이 부분이 문제가 되지는 않을 것 같아 바로 다음 단계로 넘어갔습니다.

User@DESKTOP-00000000 MINGW64 /e/Programming/Github_Repository/taehyunk124.github.io (master)
$ npm install gh-pages --save-dev

up to date, audited 2684 packages in 23s

65 packages are looking for funding
  run `npm fund` for details

32 vulnerabilities (16 moderate, 16 high)

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

5. Blog 배포하기 에서
   npm run deploy를 실행 했더니 아래와 같은 경고와 에러가 발생했습니다.
   경고는 Gatsby의 버전 문제 때문인 것으로 판단했습니다. 또 발생한 에러와 관련해 해당 에러코드를 구글링 해보니 이런 이슈가 있었습니다. 그러나 제가 경험이 부족한 탓에 어떻게 처리해야 할지 잘 모르겠습니다.
   그 이후에 발생한 경고는 이전 과정에서 제대로 호환되지 않았던 문제 때문인 것으로 생각합니다.
   결정적으로 마지막 출력(info Done building in 120 sec) 이후 1시간 넘게 기다려 보았지만 Published 문구는 나오지 않았습니다.

User@DESKTOP-0000000 MINGW64 /e/Programming/Github_Repository/taehyunk124.github.io (master)
$ npm run deploy

> [email protected] deploy
> gatsby build && gh-pages -d public

╔════════════════════════════════════════════════════════════════════════╗
║                                                                        ║
║   Gatsby collects anonymous usage analytics                            ║
║   to help improve Gatsby for all users.                                ║
║                                                                        ║
║   If you'd like to opt-out, you can use `gatsby telemetry --disable`   ║
║   To learn more, checkout https://gatsby.dev/telemetry                 ║
║                                                                        ║
╚════════════════════════════════════════════════════════════════════════╝
success open and validate gatsby-configs - 0.255s
warn Plugin gatsby-remark-images is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
warn Plugin gatsby-remark-prismjs is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
warn Plugin gatsby-remark-copy-linked-files is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
warn Plugin gatsby-remark-smartypants is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
success load plugins - 4.284s
success onPreInit - 0.089s
success delete html and css files from previous builds - 0.006s
success initialize cache - 0.015s
success copy gatsby files - 0.291s
success onPreBootstrap - 2.312s
success createSchemaCustomization - 0.433s
success Checking for changed pages - 0.002s
success source and transform nodes - 0.585s
success building schema - 0.724s
info Total nodes: 104, SitePage nodes: 6 (use --verbose for breakdown)
success createPages - 6.596s
success Checking for changed pages - 0.016s
success createPagesStatefully - 0.550s
success update schema - 0.118s
success onPreExtractQueries - 0.004s

 ERROR

(node:9996) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at
E:\Programming\Github_Repository\taehyunk124.github.io\node_modules\postcss-js\package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)

success extract queries from components - 1.791s
success write out redirect data - 0.007s
success Build manifest and related icons - 0.323s
success onPostBootstrap - 0.438s
info bootstrap finished - 27.459s
warn You can't use childImageSharp together with zoomkoding.gif — use publicURL instead. The childImageSharp portion of the query in this file will return null:
undefined
success run static queries - 0.272s - 3/3 11.03/s
success run page queries - 0.182s - 9/9 49.46/s
success write out requires - 0.015s
success Building production JavaScript and CSS bundles - 70.376s
success Rewriting compilation hashes - 0.010s
success Building HTML renderer - 19.699s
success Building static HTML for pages - 1.281s - 9/9 7.03/s
info Generated public/sw.js, which will precache 14 files, totaling 508149 bytes.
The following pages will be precached:
/offline-plugin-app-shell-fallback/index.html
success Generating image thumbnails - 102.101s - 71/71 0.70/s
success onPostBuild - 0.342s
info Done building in 120.1355355 sec

또한 이후
6. Repository Source Branch 변경하기
과정을 시도해보려했으나 Source의 Branch에는 master(main)과 Docs 밖에 없었습니다. 그러나 그 이유가 무엇인지 잘 모르겠습니다.

그리고 배포된 페이지는 다음과 같습니다. 원하는대로 잘 빌드되지 않은 것 같습니다.

경고와 에러, 발생한 문제를 정리해보면

1. npm WARN deprecated [email protected]: This package has been deprecated in favor of gatsby-plugin-image. The migration guide can be found here: https://www.gatsbyjs.com/docs/reference/release-notes/image-migration-guide/.
2. package.json에 이미 deploy에 해당하는 내용이 작성되어있음
3. Plugin gatsby-remark-images, gatsby-remark-prismjs, gatsby-remark-copy-linked-files, gatsby-remark-smartypants에 대한 [Plugin Name] is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
4. (node:9996) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at \node_modules\postcss-js\package.json. Update this package.json to use a subpath pattern like "./*". (Use node --trace-deprecation ... to show where the warning was created)
5. The childImageSharp portion of the query in this file will return null: undefined
6. Published 메시지 안나옴
7. branch에 gh-pages 가 없음
8. (당연하지만) 배포된 페이지가 원하는대로 빌드되지 않음
   이네요.

거의 모든 출력을 작성해서 죄송합니다만, 문제를 해결하는데 도움이 될까하여 길게 작성한 점, 이제 막 개발을 시작하는 입장인지라 모르는 것이 많아 스스로 해결하지 못한 것이 있는 점도 양해 부탁드립니다.
혼자서 해보다가 잘 안되겠어서 문의를 드립니다. 도와주시면 감사하겠습니다. 긴 글 읽느라 시간 내주셔서 감사합니다.

• 다시한번 npm run deploy를 시도해보니
  fatal: A branch named 'gh-pages' already exists.이라는 메시지가 나오면서 종료됩니다.
  구글링해보니 Github의 기존 repositoroy를 삭제 및 생성을 몇번하면서 프로젝트의 branch cache가 남아있어서 발생한 문제라고 하여 rm -rf node_modules/gh-pages/.cache를 통해 캐시를 삭제한 후 다시 시도했지만 똑같이 'fatal~~'이런 메시지가 뜹니다.

projects의 이미지는 상대경로를 통해 등록이 안됨

안녕하세요 ~~!!
만들어주신 테마 너무 예쁘게 잘 쓰고 있습니다 ㅎㅎㅎ

다름이 아니라 이번에 수식을 적용하고자 $..$ , $$..$$ 을 사용했었는데요, 블로그 글에 적용이 안되어서 혹시 수식을 사용하는데 추가로 할 일이 필요한지 궁금하여 이슈 올립니다 !!

감사합니다 😊

형님! 방금 아래 주소에 댓글 작성했는데 'Error: utterances is not installed on zoomkoding/zoomkoding.com. If you own this repo, install the app. Read more about this change in the PR.'라는 에러가 뜨면서 댓글이 안 달려요!

https://www.zoomkoding.com/gatsby-starter-zoomkoding-introduction/

안녕하세요.
멋진 블로그 템플릿을 공유해주셔서 너무나 감사합니다.

1. 기존 예시글(블로그 카테고리 글 2개)에 tutorial 카테고리 글을 /content/test/index.md추가하였습니다
2. 바로 보이는 home의 index.html에서는 추가된 tutorial 카테고리의 글이 추가되어 총 3개의 글이 보입니다(블로그 카테고리 글 2개, tutorail 카테고리 글 1개)
3. pages의 index.html에서는 기존 글 2개만 보이고, tutorial 카테고리의 글이 업데이트 되지 않게 보입니다.

그림을 첨부합니다.
1. ginkyenglee.github.io의 페이지`

1. ginkyenglee.github.io/posts의 페이지`

안녕하세요 줌코딩님!! 이슈 탭에 요청 드린 기능들 다 반영해 주셔서 블로그 테마 잘 사용하고 있습니다.
다름이 아니라 이번에는 Google adsense 승인을 받았을 경우에 블로그 하단에 광고를 삽입하는 기능에 대해서도 업데이트가 가능하실 지 여쭙고 싶습니다

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/gatsby
npm ERR! gatsby@"^2.32.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer gatsby@"^3.0.0-next.0" from [email protected]
npm ERR! node_modules/gatsby-remark-copy-linked-files
npm ERR! gatsby-remark-copy-linked-files@"^3.0.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/c-design/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/c-design/.npm/_logs/2021-08-10T12_47_45_877Z-debug.log

Automated deployment when upload blog posting to the blog repository

안녕하세요. Zoomcoding님,

좋은 Gatsby-theme를 만들어주셔서 감사합니다.

제블로그도 만들어주신 Theme를 사용하려고 업데이트중에 있는데요.

Npm start 과정중에 error가 발생해 문의 드립니다.

이슈 재현방법은

프로젝트 clone후에 $ sudo npm install 진행하였고, npm start 동작중에 아래와 같이 문제가 발생합니다

제 개발 PC의 OS는 Mac OS catalina 10.15.6 version입니다.

> derrick@derricks-MacBook-Pro-2 zoomkoding-gatsby-blog % npm start

> [email protected] start
> npm run develop


> [email protected] develop
> gatsby develop


Something is already running at port 8000

✔ Would you like to run the app at another port instead? … yes

success open and validate gatsby-configs - 0.091s
warn Plugin gatsby-remark-images is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
warn Plugin gatsby-remark-prismjs is not compatible with your gatsby version 2.32.13 - It requires gatsby@^3.0.0-next.0
warn Plugin gatsby-remark-copy-linked-files is not compatible with your gatsby version 2.32.13 - It requires
gatsby@^3.0.0-next.0
warn Plugin gatsby-remark-smartypants is not compatible with your gatsby version 2.32.13 - It requires
gatsby@^3.0.0-next.0

ERROR 

Error in "/Users/derrick/blog/maruta/zoomkoding-gatsby-blog/gatsby-node.js": Unexpected token '.'



**Error: /Users/derrick/blog/maruta/zoomkoding-gatsby-blog/gatsby-node.js:40
        nextSlug: next?.fields.slug ?? '',**
                       ^
SyntaxError: Unexpected token '.'

- v8-compile-cache.js:240 NativeCompileCache._moduleCompile
  [zoomkoding-gatsby-blog]/[v8-compile-cache]/v8-compile-cache.js:240:18

- v8-compile-cache.js:184 Module._compile
  [zoomkoding-gatsby-blog]/[v8-compile-cache]/v8-compile-cache.js:184:36

- loader.js:1153 Object.Module._extensions..js
  internal/modules/cjs/loader.js:1153:10

- loader.js:977 Module.load
  internal/modules/cjs/loader.js:977:32

- loader.js:877 Function.Module._load
  internal/modules/cjs/loader.js:877:14

- loader.js:1019 Module.require
  internal/modules/cjs/loader.js:1019:19

- v8-compile-cache.js:159 require
  [zoomkoding-gatsby-blog]/[v8-compile-cache]/v8-compile-cache.js:159:20

- resolve-module-exports.ts:197 resolveModuleExports
  [zoomkoding-gatsby-blog]/[gatsby]/src/bootstrap/resolve-module-exports.ts:197:26

- validate.ts:348 forEach
  [zoomkoding-gatsby-blog]/[gatsby]/src/bootstrap/load-plugins/validate.ts:348:31

- Array.forEach

- validate.ts:340 collatePluginAPIs
  [zoomkoding-gatsby-blog]/[gatsby]/src/bootstrap/load-plugins/validate.ts:340:20

- index.ts:107 loadPlugins
  [zoomkoding-gatsby-blog]/[gatsby]/src/bootstrap/load-plugins/index.ts:107:13

- initialize.ts:284 initialize
  [zoomkoding-gatsby-blog]/[gatsby]/src/services/initialize.ts:284:28


not finished load plugins - 1.392s

npm ERR! code 1
npm ERR! path /Users/derrick/blog/maruta/zoomkoding-gatsby-blog
npm ERR! command failed
npm ERR! command sh -c gatsby develop

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/derrick/.npm/_logs/2021-07-20T13_26_09_814Z-debug.log
derrick@derricks-MacBook-Pro-2 zoomkoding-gatsby-blog % 
derrick@derricks-MacBook-Pro-2 zoomkoding-gatsby-blog % 

Error: /Users/derrick/blog/maruta/zoomkoding-gatsby-blog/gatsby-node.js:40
nextSlug: next?.fields.slug ?? '',

`

const createBlogPages = ({ createPage, results }) => {
  const blogPostTemplate = require.resolve(`./src/templates/blog-template.js`);
  results.data.allMarkdownRemark.edges.forEach(({ node, next, previous }) => {
    createPage({
      path: node.fields.slug,
      component: blogPostTemplate,
      context: {
        // additional data can be passed via context
        slug: node.fields.slug,
        nextSlug: next?.fields.slug ?? '',
        prevSlug: previous?.fields.slug ?? '',
      },
    });
  });
};`

문제가 발생하는 라인에가서, slug,nextSlug,prevSlug 모두 test값으로 test string값을 넣고,

npm start 하니 정상적으로 잘되더라고요

npm install과정중에 라이브러리들이 audit alert 부분이 뜨긴했는데,

> 
65 packages are looking for funding
  run `npm fund` for details

32 vulnerabilities (16 moderate, 16 high)

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

혹시 제가 빠뜨린 부분이 있을까요?
감사합니다

줌코딩님 안녕하세요!! 매번 빠르게 이슈 답변 주셔서 감사합니다!1

이번에는 Dark Mode에서 표 구성 시 font color가 이상하게 나오는 상황을 발견했습니다.

확인해보니 해당 본문 폰트, 표 Font color가

--primary-text-color로 같이 묶여있어서 그런 것 같은데 혹시 어떻게 해결 하셨나요?

안녕하세요 줌코딩님!!
저번주까지 제 블로그 테마로 잘 운영을 하고 있었으나
제가 주기적으로 Zoomcoding 님 블로그를 Upstream으로 등록해놓고 새로 업데이트 되는 부분을 받아오는데
금일 아래와 같은 메세징이 발생하면서 Build가 되지 않는 이슈가 발생하네요.
이전 Commit으로 돌아가도 동일한 이슈가 발생합니다..ㅠㅠ

 ERROR 

TeX parse error: Extra open brace or missing close brace


 ERROR 

(node:28532) Warning: a promise was rejected with a non-error: [object Array]
(Use `node --trace-warnings ...` to show where the warning was created)


 ERROR #85901  GRAPHQL

There was an error in your GraphQL query:

Unexpected error value: ["TeX parse error: Extra open brace or missing close brace"]

File: gatsby-node.js:86:19



  Error: Unexpected error value: ["TeX parse error: Extra open brace or missing close brace"]

  - task_queues:94 processTicksAndRejections
    node:internal/process/task_queues:94:5

  - async Promise.all

  - async Promise.all

  - async Promise.all

  - async Promise.all

  - async Promise.all

  - graphql-runner.ts:187 GraphQLRunner.query
    [my-blog]/[gatsby]/src/query/graphql-runner.ts:187:14

  - gatsby-node.js:86 Object.exports.createPages
    C:/Users/USER/Desktop/Blog/my-blog/gatsby-node.js:86:19

  - api-runner-node.js:485 runAPI
    [my-blog]/[gatsby]/src/utils/api-runner-node.js:485:16

/s

추가적으로 Local 내에서 이슈는 해결해서 npm start로 local web을 띄우는건 성공했지만

Githubaction으로 구현한 자동 Page Build가 되지 않습니다..

success Building HTML renderer - 12.200s
failed Building static HTML for pages - 0.441s
error Building static HTML failed

  13 |
  14 | var HIGHLIGHT_THEME = {
> 15 |   brackets: _nanocolors.default.cyan,
     | ^
  16 |   'at-word': _nanocolors.default.cyan,
  17 |   comment: _nanocolors.default.gray,
  18 |   string: _nanocolors.default.green,


  WebpackError:TypeError: Cannot read property 'cyan' of undefined
  
  - terminal-highlight.js:15 
    node_modules/postcss/lib/terminal-highlight.js:15:1
  
  - css-syntax-error.js:8 
    node_modules/postcss/lib/css-syntax-error.js:8:49
  
  - node.js:6 
    node_modules/postcss/lib/node.js:6:46
  
  - declaration.js:6 
    node_modules/postcss/lib/declaration.js:6:36
  
  - postcss.js:6 
    node_modules/postcss/lib/postcss.js:6:43
  
  - autoprefixer.js:8 
    node_modules/gatsby-plugin-material-ui/autoprefixer.js:8:39
  
  - gatsby-ssr.js:18 
    node_modules/gatsby-plugin-material-ui/gatsby-ssr.js:18:44
  

not finished Generating image thumbnails - 40.860s
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Error: Process completed with exit code 1.

위의 메세지를 띄우는데요 지난 주 까지만 해도 없었던 이슈라서....

추가로 확인해보니 Node_modules terminal-highlight.js 의 아래 부분이 청록색으로 등록되어있는 걸 확인했습니다.

노드모듈, 캐쉬, Public 다 지우고 새로 Build 해봐도
Local vscode 환경에서는 빌드되지만 Github action으로 Build 시 이슈가 나오네요..

🤩 제안하고 싶으신 기능이 있으시거나,
😭 특정 기능이 없어서 테마 사용을 망설이시고 계시다면,

👇 아래에 의견 남겨주세요! 빠른 시일 내에 적극적으로 반영해보겠습니다! 👍

다크모드 지원 (상단탭 우측란에 있었으면 좋겠습니다!)

undefined

https://www.zoomkoding.com/gatsby-starter-zoomkoding-introduction/

video가 아니라 image도 Bio에 설정 가능하도록 해주세요!

https://www.gatsbyjs.com/plugins/gatsby-remark-highlight-code/ 이 문서대로 적용하는 과정에서

밑에 코드를 index.js에 추가하라고 해서, pages/index.js 그리고 components/layout/index.js에 적용을 해보았는데
import { defineCustomElements as deckDeckGoHighlightElement } from '@deckdeckgo/highlight-code/dist/loader';
deckDeckGoHighlightElement();

이와 같은 에러가 계속 발생해서 글을 작성하게 되었습니다.

(개인프로젝트 개발 회고) 대학시간 개발기

🤓 이 글의 목적 입사하기 전 한달 조금 넘는 기간 동안 개인 프로젝트를 진행했다. 이 프로젝트는 찐 개인 프로젝트로 기획, 디자인, 개발, 홍보, 유지보수까지 다 직접 진행하여 현재 서비스하고 있다. 이 글을 통해 이 프로젝트의 과정과 경험을 나눠보고자 한다. 🧩

https://www.zoomkoding.com/college-timetable-development/

이전에 보내드린 메일과 같이 계속해서 여러가지 기능 테스트 해보고 있습니다.~

현재 다음과 같이 MD 파일로 여러가지 가이드 작성 중에 IMAGE의 Position에 대한 값을 어느 파일에서 바꿔야 할지 여쭙고 싶습니다.

(원하는 모습은 Image에 대한 무조건 적인 가운데 정렬이 아닌 Left 정렬을 원합니다.)

현재는 다음과 같이 position: relative로 잡힌 파일에서 수정 테스트는 해봤는데 원하는 기능이 구현이 안되네욥.

안녕하세요 :) 답변 감사드립니다!

1. projects의 이미지는 상대경로를 통해 등록이 안됩니다 ㅠㅠ
2. 도메인을 사서 netlify를 통해 배포하는 형태인가요?? 깃허브 페이지로 배포할 방법은 없을까요?
3. about.js의 구조를 따라야한다며 links의 [post, github, demo, googlePlay, appStore]가 모두 포함되어있어야 한다고 반환됩니다 / links를 통째로 빼버려도 에러가 뜨네요

links: {
          post:'',
          googlePlay:'',
          appStore:'',
          demo:'',
          github:''
        }

이렇게 하니 실행은 됩니다

4. github codeblock style을 좋아하는데 제가 개인적으로 변경이 가능한가요?

@zoomkoding 님, 안녕하세요! 질문 있습니다.
혹시 블로그 Postting 관련해서 포스팅을 잠시 Draft 처리 할 수 있는 방법이 있을까요?

npm start를 실행하면 중간에 동작이 멈춥니다

이미지 리사이징이 가능한가요?
가능하다면 방법이 궁금합니다.

github codeblock style을 좋아하는데 제가 개인적으로 변경이 가능한가요?

움직이는 미모티콘 GIF 생성하기

미모티콘 생성하기 미모티콘을 생성하시려면 먼저 아이폰 메시지에 들어가시면 메시지앱에 다음과 같은 옵션이 있습니다. 여기서 앱스토어 옆에 있는 버튼을 클릭하면 아래와 같은 미모티콘들이 나오는 걸 볼 수 있습니다. 미모티콘 리스트 맨 왼쪽에

https://www.zoomkoding.com/memoji-to-gif/

스크롤 올릴때 상단바가 내려오게끔 (모바일에서 편리하더라구요!)

나의 첫 git blog 안녕!

👋 소개 다들 안녕하세요🙌 오랫동안 네이버에서만 개발 블로그를 하다가 아주 조금 전문적으로 하고싶다는 마음에서 새로운 블로그를 만들게 되었어요! 아직은 조금 서툴지만, 잘 적어볼게요. 🚀 저의 일상이 궁금하시다구요? 저의 옛날 블로그에 여전

https://jooehyeon.github.io/intro/

나의 비효율적이지만 효율적인 알고리즘 공부법 (코딩테스트를 준비하는 이들에게)

목적 요즘은 IT 기업에 개발자로 취업하기 위해서 코딩테스트라는 관문을 통과해야하는 경우가 허다하다. 이러한 기업들의 요구 때문인지 자연스럽게 코딩테스트를 위한 알고리즘 공부를 중요시 하고 있고 심지어 코딩테스트를 대비하기 위한 알고리즘

https://www.zoomkoding.com/how-to-algo/

도메인을 사서 netlify를 통해 배포하는 형태인가요?? 깃허브 페이지로 배포할 방법은 없을까요?

안녕하세요 줌코딩님!! 이전에 주신 PR은 잘 받아서 수정했습니다!!! 감사합니다!!

다만 font 관련해서 링크 주신 글로는 src/style의 어느 파일의 부분을 바꿔야 할지 잘 모르겠습니다!! ㅠㅠ

여러가지 테스트를 해보고 있는데

• gatsby code에 font-family가 다음과 같이 설정되어있는데 본문에 해당하는 설정은 어떤걸까요...?
  

sitemap을 생성하기 위해서 따로 해야할 것이 있을까요?
sitemap은 이미 생성이 된것 같으나 블로그의 sitemap url을 쳐보면 없다고 나오네요 ㅜ

안녕하세요! 블로그 템플릿 너무 잘 이용 중인 1인입니다 :)

다름이 아니라 Contents 속 blog 카테고리에 속하는 글들을 없애고자 하는데, 없애면 다음과 같은 에러가 발생합니다.

ERROR #85923 GRAPHQL

There was an error in your GraphQL query:

Cannot query field "emoji" on type "MarkdownRemarkFrontmatter".

If you don't expect "emoji" to exist on the type "MarkdownRemarkFrontmatter" it is most likely a typo.
However, if you expect "emoji" to exist there are a couple of solutions to common problems:

• The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and
  what shape they have
• You want to optionally use your field "emoji" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL
  schema. A quick fix is to add at least one entry with that field ("dummy content")

It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content".
Visit our docs to learn how you can define the schema for "MarkdownRemarkFrontmatter":
https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions

File: src\templates\blog-template.js:92:9

이후 복원을 해도
ENOENT: no such file or directory, open 'C:\Users~~\public\page-data\posts\블로그\page-data.json'

라는 오류가 발생합니다. 어찌저찌 복구하여 잘 사용하고 있으나, 이 경우 어떻게 대처해야 할까요?? :-)

감사합니다! :)

안녕하세요 ~~!!
테마를 적용하고 블로그를 더 열심히 쓰고 있는 1인 입니다 ㅎㅎㅎ 🙌

다름이 아니라 Home 화면에서 한글로 된 탭 하단의 More를 누를 경우 404가 떠서 제보드리려고 합니다 !!

첫번째 문제

이렇게 한글로 된 탭의 More를 누르면

다음과 같이 깨진 경로로 요청이 되어서 그런 것 같다는 추측입니다 !

두번째 문제

이렇게 글에 있는 링크를 누르면

다음과 같이 제 블로그 주소 이후에 링크가 덧붙여 호출되면서 404가 뜹니다 !

두 문제 모두 줌코딩님 블로그에서는 발생하지 않는 것 같은데 다른 설정이 필요한 걸까요 ???
감사합니다 !!

블로그주소

about.js의 구조를 따라야한다며 links의 [post, github, demo, googlePlay, appStore]가 모두 포함되어있어야 한다고 반환됩니다 / links를 통째로 빼버려도 에러가 뜨네요

Gatsby 테마 적용 후 테마 최신 버전으로 업데이트하기

동기 많은 개츠비 스타터를 제공하는 저장소들은 지속적으로 새로운 기능들을 추가하고 버그를 해소하면서 발전시켜나가고 있는데요. 이런 과정 중에 블로그 테마를 받아 개인 블로그를 만드신 분들이라면 발전된 테마의 변동사항을 적용시키시고 싶으실 것 같습니다. 현

https://www.zoomkoding.com/how-to-update-gatsby-blog/

안녕하세요, 줌코딩님, 예쁜 블로그 만들어주셔서 감사합니다.
알려주신대로 구현해보려고 이것저것 만져보았는데, 깃헙 블로그는 처음이라 어디서 에러가 나는지 모르겠어서 글을 남깁니다.

• VSCODE와 terminal을 함께 사용하고 있는데, git add. -> git comit -m "..." -> npm run deploy 로 진행을 하면,
  
  수정사항을 다 변경하고, 저장해서 진행하면 이렇게 published가 나오고 완료가 되는데, https://eunhye43.github.io/majaeh412.github.io/ 제 깃헙 블로그에는 반영되지 않더라구요. local에서는 반영이 되는데 실제 제가 만든 깃헙블로그에는 반영되지 않아 어느 부분이 문제인지 모르겠습니다. vscode 함께 사용하고 있구요! 노드 버전도 14이상입니다! 브랜치도 Branch를 master(main)에서 gh-pages로 변경했구요!

혹시 제가 놓친 곳이 있다면 알려주시면 감사하겠습니다!

안녕하세요! 테마 잘쓰겠습니다 ㅎㅎ

개인적인 바램으로 남깁니다! 참고해주시면 감사하겠습니다:)

1. 다크모드 지원 (상단탭 우측란에 있었으면 좋겠습니다!)
2. 스크롤 올릴때 상단바가 내려오게끔 (모바일에서 편리하더라구요!)
3. 목차사항이 velog처럼 부드러웠으면 좋겠습니다

안녕하세요 ~~!!!
테마 여전히 잘 쓰고 있습니다 !! 👍 덕분에 블로그에 글 쓰는 맛이 나는 것 같아요 ~!

다름이 아니라 블로그 글 중 코드블럭이 깨지는 현상이 발견이 되어서 제보하려고 합니다.
다음 글 에 아래와 같은 코드 블럭 깨짐 현상이 발생합니다.

더불이 이전에 캐싱된 페이지로 인하여 이슈를 남겼었는데요,, !!
그 이후에도 계속 그런 현상이 발견되어서 매번 새로 배포를 할 때마다 public 폴더와 .cache 폴더를 삭제해야하는 것이 맞을까요 ??

감사합니다 ~!! 😊🙌

목차사항이 velog처럼 부드러웠으면 좋겠습니다

안녕하세요 줌코딩님 오랜만에 질문 남깁니다.!!
근 2달정도만에 줌코딩님이 새롭게 커밋하셨던 내용들 Upstream으로 Pull 받아서 Commit 하려 했으나
아래와 같은 이슈가 발생하는데 혹시 어느 부분에서 발생하는 건지 아실까요...?

지킬 블로그하다가 zoomkoding 개츠비 블로그가 너무 깔끔해 보여서 테마를 적용하려고 하는데요, 썸네일이 깨지는데 원인을 알 수 있을까요?