1. RSS 관련 패키지 설치 이번에는 블로그 Article 부분에 티스토리 RSS 를 붙여보고자 한다. npm install gatsby@latest npm install gatsby-plugin-feed 또는 npm install gatsby-plugin-feed --force 로 설치하면 된다. 그냥 npm install gatsby-plugin-feed로 설치하니 에러나서 이렇게 설치했다. 2. gatsby-config.js 설정 rss 추가하려다가 실패했다. 어떻게 해야하는 지 모르겠더라. 내가 react를 잘 몰라서 그런지 빌드에서 에러가 나는데 해결방법을 몰라서 rss 부분은 잠정 취소하기로 했다. 삽질도 아는거 기반으로 하는건데, 아는게 1도 없다보니 잘되질 않더라. 나머지 다 꾸미고 gi..
vscode와 연결해 둔 디렉토리를 봐보자. 작업은 이 안에서 텍스트만 바꿔주면 된다. 우선 사이트를 열었을 때 뜨는 타이틀부터 바꿔주자. 수정하고 저장하면 자동으로 바뀐다. 저 옆에 G모양의 Icon도 바꿔보자. config.js를 보니까 이름이 favicon-32x32.png인가보다. flaction에서 적당한 아이콘을 32x32사이즈로 구한다. 이름은 favicon-32x32.png으로 붙여서 replace해준다. 사이트 아이콘도 바뀌었다. 이런식으로 텍스트만 바꾸면 포트폴리오 사이트가 만들어진다. 다 완성되면 github pages를 이용해 도메인 붙이는 것까지 해보고자 한다.
우선 시작하자마자 에러를 폭탄맞았다. sudo chown -R 501:20 "/Users/ijihun/.npm" sudo npm i -g gatsby-cli 만약 gatsby 설치시 에러가 나온다면 캐시를 지우던 권한을 주던 하면 된다. git clone https://github.com/gatsbyjs/Gatsby-starter-blog.git my-blog cd my-blog npm i npm run start 클론을 받고 시작을 해보자. http://localhost:8000/ 아주 못생긴 사이트가 나왔다. 이제 이쁜 템플릿을 다운받아서 사용해보자. npm install -g gatsby-cli gatsby new portfolio-minimal github_link cd portfolio-mini..
