Coder Social home page Coder Social logo

gatsby-blog's Introduction

gatsby-blog's People

Contributors

saseungg avatar

gatsby-blog's Issues

netlify node-v 에러

Description

netlify build를 하면 node-v error가 발생.

원인

netlify는 doker에 파일을 올려 실행함. doker에 설정된 node 버전에 현재 프로젝트에 필요한 버전과 일치하지 않아서 충돌이 발생

해결

notifications -> Environment variables -> add a variable

image

이런식으로 환경 변수를 지정해서 내가 원하는 node 버전을 기입해준다.

참고

gh-pages로 배포 수정

Description

netlify에서 gh-pages로 배포 번경
도메인명이 아무래도 살짝 거슬려서 github으로 배포변경~

nodejs와 node-sass 버전 호환 문제

Description

npm start를 해서 실행할 때 node-sass error가 발생

원인

node와 node-sass 버전이 일치하지 않아서 문제 발생.

해결

node : v14.15.0 / node-sass : v4.14.1
버전으로 node-sass를 재설치해서 문제 해결!

참고

  • node 버전을 16으로 맞추고 node-sass도 해당 node 버전에 맞춰 바꿔주었지만 해당 개츠비 템플릿 자체가 node 버전을 14만 지원하기 때문에 에러가 난다.
  • npm start를 했을 때 에러가 난다면 node 버전에 14.15.0이 맞는지 확인해주자!

참고

png 이미지 파일 깨지는 문제

Description

png 이미지 파일을 첨부하면 git issue에서 url로 변환해서 붙여넣지 않는이상 깨져서 들어감

원인은 개츠비에서 기존 이미지를 최적화된 이미지로 변환해서 나오기 떄문에 png가 아닌 jpeg 형태로 바뀌면서 형태가 깨짐.
내가 원하는건 radius와 그림자가 있는 이미지라 git에서 url을 변환안하고 그냥 jpeg이미지를 넣으면 이미지가 알아서 형태가 변환되는 스타일로 주는 방법을 찾아보는게 효율적일것 같음

git url을 붙여넣으면 이미지 최적화가 안되기때문에!

커밋 타입

Description

  • docs : 새로운 글 작성
  • update : 기존 글 수정 / 업데이트
  • design : 디자인 수정
  • feat : 로직 변경
  • setting : package 관련 설정 및 gatsby 설정 관련

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.