본문 바로가기

컴퓨터이론/Github & Jekyll

컴퓨터이론/Github & Jekyll 2022. 1. 5. [Jekyll] Jekyll google analytics 사용하기 1. Google Analytics 등록 ① Google Analytics 접속 후 로그인 ② 계정을 설정한다. -1) 관리할 계정 id를 등록한다. -2) 관리할 블로그 주소와 국가를 변경한다. -3) 고급 옵션을 설정한다. 2. 추적 코드 확인 및 코드 수정 path: 관리>속성>추적 정보>추적 코드 ① _config.yml 수정 -1) 추적 id를 복사한다. -2) 추적 id를 포함한 다음 코드를 _config.yml 에 추가한다. # Analytics analytics: provider : "google" # false (default), "google", "google-universal", "google-gtag", "custom" google: tracking_id : "{추적 id}" ano..
컴퓨터이론/Github & Jekyll 2022. 1. 5. [Jekyll] Jekyll Favicon 생성하기 1. https://realfavicongenerator.net/ 에서 favicon 생성 [생성된 화면] → img 패키지를 저장하고 생성된 코드를 복사합니다. 2. 저장된 패키지 업로드 ① favicon 생성 페이지에서 저장한 패키지를 압축해제 한다. ② base > assest 폴더의 logo.ico 폴더를 생성한다. ③ logo.ico에 해당 img 파일 전부를 붙여 넣는다. ④ 결과 페이지의 code를 복사하여 _includes 폴더의 custom-head.html에 붙여 넣기 한다. custom-head.html의 경로: /블로그이름.github.io/_includes/custom-head.html ★ 주의사항: 코드를 그대로 붙여넣기 하면 안된다. →경로의 설정이 중요하다. -1) _conf..
컴퓨터이론/Github & Jekyll 2022. 1. 5. [Jekyll] Jekyll 댓글 추가하기 DISQUS을 이용한 댓글 기능 추가하기 1. DISQUS 가입하기 ① DISQUS 에 접속 후 가입한다. ② profile 등록과 new site를 등록한다. 1) Profile 등록 -2) new site 등록 Website Name 에 블로그의 url을 기입한다. ③ _config.yml 파일 수정 -1) admin 사이트 접속 -2) shortname 찾기 shortname은 admin 메뉴로 들어갔을 때 url의 첫 부분이다. -3) code 수정 comments: provider: "disqus" disqus: shortname : "블로그이름-github-io" [수행 화면] 2. 댓글을 설정하고자 하는 Html 수정하기 ★ post 하단에서만 댓글을 남기도록 설정하였다. (about me ..
컴퓨터이론/Github & Jekyll 2022. 1. 5. [Jekyll] Jekyll 블로그 생성 및 테마 적용하기 사용 os: Mac-os (M1) Visual Studio code3 & iTerm 1. github.io 생성 ① github.io 레포지터리 생성 ② 원격저장소와 로컬 저장소 연결하기 로컬에서 원격저장소를 clone할 로컬 저장소를 생성한 후, 생성된 로컬 저장소에 git clone 한다. mkdir cd #연결할 로컬 저장소 생성 후, 이동 git init git clone "git저장소 url" #원격 저장소와 로컬 저장소 연결 2. Jekyll 환경 설정 ① ruby 가장 최근의 version으로 버전 변경 Mac os의 경우에는 ruby가 이미 설치되어 있기 때문에 업데이트 과정을 거치면 된다. ruby의 버전을 변경하기 위해 rbenv를 사용한다. brew update #brew를 이용해 r..

티스토리툴바