티스토리 블로그에 robots.txt 간단히 생성하기.
네이버 웹마스터 도구에서 사이트 간단 체크를 해보니 robots.txt가 없다고 나옵니다. 간단히 설정하는 방법을 알아보겠습니다. 사전 단계 아래와 같이 네이버 웹마스터 도구에 연동사이트를 추가한 상태여야 합니다. 네이버 웹마스터 도구 접속 연동 사이트 목록에 사이트 추가 메타태그를 이용해 소유자 확인 ROBOTS.TXT 생성 1. 웹마스터 도구 접속 - 티스토리 사이트 선택 2. 검증 - robots.txt 선택 robots.txt가 없다면 로봇 룰 검증이 비어있을 겁니다. 저는 이미 추가한 상태라서 채워져있네요, 여기서 스크롤을 좀 더 내립니다. 3. robots.txt 간단 생성 스크롤을 좀 더 내리면, robots.txt 간단 생성이라는게 나옵니다. 여기서 (1)**모든 검색로봇이(네이버 검색로봇..
태그에 css 코드를 작성하여 에디터 가장 첫 부분에 붙여넣는다 티스토리에 포스트 작성시, 해당 포스트에만 css를 적용 시키고 싶을때가 있는데 검색을 해보니 외부의 css파일을 불러오는식으로도 적용하는 방법이 알려져 있었다. 글작성시에 바로 css를 같이 작성하는건 안되려나 궁금해서 css 트랜지션을 적용하는 실험을 해보았다. 티스토리 글작성시에 에디터를 html모드로 하고, 위와 같은 코드를 상단에 넣어주면 css가 먹힌다.. 단 주의할점은, 다른 모드로 갔다가 다시 돌아오면 다 사라져있는 경우가 있다. 사실 그래서 잘 사용할것 같지는 않다. 예시1 div #box1{ width: 100px; height: 100px; background: red; transition: width 2s; } div ..
Gatsby로 정적사이트 만들기 테스트중
개츠비는 리액트로 정적 웹사이트를 만드는 웹 프레임워크이다. https://www.gatsbyjs.org/ 리액트를 조금씩 공부하고 있었고 웹사이트를 만들고 싶은 생각도 있어서 연습 겸, 간단한 사이트를 만들어서 github page로 배포하는것을 해보고 있다. 튜토리얼(https://www.gatsbyjs.org/tutorial/)를 보면서 기본적인 것들을 다 해보고있다. css적용하기 - 몇 가지 방법이있다.(style={ }, css={ }, className={ }과 module.css파일 활용하기, global css파일 활용하기) 레이아웃 적용하기(react 컴포넌트로 만들어서) graphql 쿼리 활용하기 파일시스템을 활용하여, 파일 목록 만들기 md파일을 인식하고, 화면에 frontmatt..