9 posts tagged with #gatsby

Gatsby에 Google Adsense를 추가하는 방법 (Netlify add snippet을 선택)

2020-08-26 — Written by jslee
#gatsby#google adsense#advertisement

gatsby-plugin-google-adsense 설치 사용하는 방법 애드센스에 사이트 연결 애드센스 계정을 생성하고 사이트 추가 애드센스 코드를 발급 (해당 코드를 붙여넣으라고 하는데 어디에 붙여야 하는거지) 현재 deploy를 netlify…

Read more →

Gatsby 이미 캡션 스타일 변경하기 (Italic, align, etc)

2020-06-29 — Written by jslee
#gatsby#blog#image-caption#style#css

gatsby에서 image를 추가하기 위해서는 를 사용하게 되는데, 이때 옵션중에 라는 필드가 있는데 해당 필드의 값을 로 변경해주면 markdown…

Read more →

SEO 추가해 검색엔진 최적화하기 (opengraph, twitter, ...)

2020-06-29 — Written by jslee
#gatsby#site#optimization#naver#seo

네이버 사이트에 등록하려고 하니 다음과 같이 사이트가 최적화 되어 있지 않다고 상태와 진단 결과를 말해준다. SEO? 모든 사이트에는 페이지의 제목, favicon…

Read more →

markdown exerpt가 `...` 표시되는 문제 해결하는 방법

2020-06-29 — Written by jslee
#gatsby#gatsby-transformer-remark#blog#markdown#excerpt

지금까지 잘나오던 의 값이 으로 나오기 시작했다. 살펴보니 한글만 사용하는 경우에는 가 정상적으로 동작하지 않았다. 에서도 해당 이슈를 알고 있었고, 해결하는 방법도 제안해놓은 상태였다. 참고 이슈 https://www.gatsbyjs.org…

Read more →

이후 사이트 분석을 위한 Google Analytics를 추가

2020-06-28 — Written by jslee
#gatsby#blog#google-analytics

사용자의 반응을 보는게 이만한게 있을까 싶다. 사용자가 현재 몇명이 들어왔는지까지 보여주니 대단한 구글… 추가로 사이트에 페이지 방문자 수 측정이 가능하다. gatsby-plugin-google-analytics-reporter…

Read more →

gatsby plugin을 통해 advanced sitemap 추가하는 방법

2020-06-27 — Written by jslee
#gatsby#plugin#sitemap

사이트맵이란? 우리의 사이트가 어떤 구조로 글이 작성되어 있는지 지도를 보여주는 것으로 이해하면 간단하다. 인터넷상에는 여러개의 봇(bot…

Read more →

Gatsby에서 Typography를 이용해 폰트를 변경하는 방법

2020-06-26 — Written by jslee
#gatsby#blog#typography#font

기본으로 가 마음에 들지 않아 변경을 하고자 한다. 이미 gatsby에서 제공하는 수 많은 에서 에 관련된게 없을리가 없지 하고 찾아보니 https://www.gatsbyjs.org/docs/typography-js…

Read more →

Netlify에 Gatsby 블로그 무료로 배포 및 호스팅, 어디까지 무료로 가능할까?

2020-06-25 — Written by jslee
#netlify#gatsby#blog#host#build

gatsby로 사이트를 생성하고, 생성한 사이트를 어디에 어떻게 올려서 서비스(?)를 제공할 수 있을지에 대한 내용을 다뤄볼까 한다. 이번에 블로그를 새로 만들면서 아래와 같이 몇가지(……

Read more →

markdown에 instagram 추가 하는 방법

2020-06-25 — Written by jslee
#gatsby#instagram#blog#markdown

Read more →
All tags
@doubly