2020.코딩일지

bundle exec jekyll serve 일단 컴파일해서 로컬접속해서보면 우측 상단에 "구독"버튼이 있다. "구독"버튼을 우리는 "검색"으로 바꿔서 사용하려고 한다! _includes/site-nav.html . . .아... 잠깐. 내가 지금 이거에 몇번을 엎고, 몇일을 헤메고 있는거야.. 이거하려고 공부하는게 아닌데ㅋ 일단. 잠시만. 멈춤. https://moon9342.github.io/jekyll-search Jekyll 기반의 GitHub Page 생성(5) - lunr.js를 이용한 Search 기능 추가 Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생..

_config.yml 을 열어보면 highlighter부분이 있다! 지정은했는데 설치를 안한 상태. CMD창 해당blogmaker위치에서 아래 명령어 실행.(루즈설치) gem install rouge 얼큰우동쌤은 3.20.0 설치. 나는 3.26.0 설치 됨; 루즈의 사용가능한 스타일 확인(아래 명령어 실행) rougify help style 얼큰우동쌤은 monokai.sublime 테마 사용하신다고~ 테마 적용 명령어 rougify style monokai.sublime > assets/css/syntax.css syntax.css파일을 post에 사용할 수 있도록 _layouts/default.html에 아래와 같이 추가 gulp걸프를 사용하여 압축시키자. gulp css 아..ERROR 왜 에러죠...

**웹폰트설정 _layouts/default.html에 웹폰트 추가부분 복붙. 그리고 또 해야할 일이 있다. assets/css/screen.css 열어서 `ctrl+f`키로 검색 ' .post-full-content '623라인으로 나옴. font-family: 쪽에 두번째부분 'Nanum Gothic', 한글에 나눔고딕이 적용되도록 한다. ----- **폰트어썸설정 (영상 7분차~) https://moon9342.github.io/css-fontawesome-list Font Awesome Icon List Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Awesome이라는..

(영상 6:40~)깃헙계정만들기 깃설치 얼큰우동님의 깃에대한 설명도 참조. https://moon9342.github.io/git-github.html Git과 GitHub의 간단 사용법 Introduction Git과 GitHub에 대한 간단한 설명입니다. 간단한 이론과 함께 실습을 통해 command 기반의 명령어로 어떤일을 처리할 수 있는지를 알아보도록 하겠습니다. 누구나 한번쯤은 겪었던 일 위의 moon9342.github.io https://rogerdudler.github.io/git-guide/index.ko.html git - 간편 안내서 - 어렵지 않아요! rogerdudler.github.io (영상 18:17) git config --global user.name "" git conf..

시리즈 목차 '여러절로구성되어있습니다.'부분 파일위치 _includes 파일명 table-of-contents-algorithm.html ----- **CSS파일만들기 마우스오버시 색상 변하게/ 폰트/ 맨앞에 이모티콘/ 그외 블로그 전체의 CSS내용은 ... 복붙 파일위치 assets/css/custom.css (영상11:30) 이 CSS파일을 gulp를 통해 압축minified시켜야 다운받는시간을 절약할 수 있다. ( assets/css/custom.css 이 파일을 gulp를 통해 압축시켜서 built/아래로 넣는것이 우리의 목표. ) node.js 다운받는데... 영상에서는 12버전에 컴파일오류가 있어 11버전사용했다는데... ...지금은 2021.07 ........ 안정적인 14.17.3 또는 ..

**작성자이미지(user icon) 표기위치 _data/authors.yml 파일위치 assets/built/images/author-logo.jpg **태그별 상단이미지 (마치 대문이미지같지만 대문은 아니고ㅋ) 표기위치 _data/tags.yml 파일위치 assets/built/images/background-frontend.jpg **진짜대문이미지(title 뒤에 있을 커버) 표기위치 _config.yml 파일위치 cover: assets/built/images/blog-cover1.png **파비콘favicon 표기위치 _config.yml 파일위치 favicon: assets/built/images/favicon.jpg **태그별 썸네일 표기위치 _posts/각포스트 별 머릿글에 파일위치 cove..

메인화면(홈)의 상단메뉴부분 _includes/navigation.html 내용지우고 복붙. HOME / ABOUT(소개글) / ...메뉴명... / All Posts / Tag별 Posts ABOUT내용은 about/폴더가 따로있음. index.md파일 All Posts는 archive.html Tag별 Posts는 author_archive.html _posts/폴더에 각 '태그명과 같은 하위폴더'를 만들어줘야 관리하기 편하다. github algorithm voice NLP daily 각 글post마다 머릿글 내용은 아래와 같다. --- layout: post current: post cover: assets/built/images/logo-algorithm.png navigation: True t..

author별로 post를 모아서 볼 수 있도록 설정(회사블로그인 경우.) _data/ 에 authors.yml파일과 tags.yml파일로 관리한다. ----- authors.yml파일 지우고 복붙. username 유저 작성자에 대한 닉네임. picture: assets/built/images/author-logo.jpg 작성자의 아이콘(사진) 이미지파일의 위치와 파일명 ----- tags.yml파일 글을 분류하는 태그. 범주. 내가 관심있어 공부하는 주제 나는 github / algorithm / voice 3가지로 분류했다. cover: assets/built/images/background-frontend.jpg 태그별로 글을 모아볼때 커버이미지 REPERENCE https://moon9342.g..

영상~10분까지 IDE 얼큰우동님은 Webstorm으로 진행. 나는 VScode로 영상12:13부터~ _config.yml 내용 복붙교체. 부분수정 : owner name 내이름, avatar 프로필사진photo.jpg 인스타깃헙 연결하려면 아이디적기 paginate 한페이지에 게시글20개 보여지도록 url 깃헙깃페이지주소 입력 title 블로그타이틀설정(메인대문 상단) description 블로그부제설명(메인대문 하단) cover 블로그커버이미지(메인대문 이미지) 위치 및 파일명은 assets/built/images/blog-cover1.png images폴더가 없으니 해당위치에 만들어주기 favicon 페비콘설정 위치 및 파일명은 assets/built/images/favicon.jpg subscri..

이런저런 사유로 두번을 갈아엎고 세번째ㅂㄷㅂㄷ 그럼에도 불구하고 잘 모르겠는git.... 얼큰우동님과 다른 부분 ruby설치버전 : 2.6.6-1ver없어서 2.7ver설치 ruby위치를 C:용량부족으로 D:에 설치함 bundler 는 C:에 설치함 @_@ gem install bundler D: 해당폴더위치로 이동해서 gem설치명령어 bundle install ...시간이좀걸림 gem실행명령어 bundle exec jekyll serve 위 사진처럼 `gem 'wdm', '>= 0.1.0'`부분을 드래그. 우클릭하면 복사가 된다. 해당 blog폴더에 보면 'Gemfile'이 있는데 열어서 아까 복사한걸 '붙여넣기'해준다. 그리고는 `bundle install`을 다시 한번 더 해달라는 부분(하늘색밑줄)..