git

github.io 블로그 시작하기[2]

J-Mook 2021. 8. 27. 13:07
반응형

서론

지금까지 다른 프로그램 설치 없이 진행하면서 느낀 단점은, 깃허브 서버에 올라가는 속도때문인지 페이지 변경사항이 바로바로 적용되지 않는다는것이다.
그것 외에는 큰 불편함은 아직 느끼지 못했고, 충분히 이대로 진행해도 괜찮을 것이라 판단한다.

프로필 이미지 등록

왼쪽에 프로필 사진이 없으니 뭔가 허전한 느낌이 들어 프사를 등록하였다.
주로 /assets/image에 소스가 되는 이미지들을 모아놓는다고하여 image폴더를 만들고 프로필 이미지가 될 사진파일을 넣어주었다.

스크린샷 2021-08-26 오후 1 45 10스크린샷 2021-08-26 오후 1 47 16

이렇게 파일을 넣어주고 _config.yml에서 avatar 부분의 경로를 지정해 주었다.

스크린샷 2021-08-26 오후 1 46 27


이렇게 적용하니 타원형으로 배치되었다.

넣어준 사진파일의 비율이 정사각형이 아니라 저렇게 타원형으로 나온것 같아 정사각형으로 적당히 자른 후 다시 적용해보니 재대로 나왔다.

스크린샷 2021-08-26 오후 2 00 21

search 페이지 생성

위쪽의 네이게이터 구성이 뭔가 단촐한 느낌이 들어 search 페이지를 추가하였다.
/_pages에 search.md 파일을 아래와 같이 구성해서 넣어주어 적용하였다.


  ---
  title: "Search"
  layout: search
  permalink: /search/
  author_profile: true
  ---

search 레이아웃은 /_layout에 기본적으로 내장되어있기 때문에 따로 만들어 줄 필요가 없고, 아래처럼 /_data/navigation.yml 에 search를 추가하였다.

스크린샷 2021-08-26 오후 1 58 42

반응형

'git' 카테고리의 다른 글

github.io 블로그 시작하기[1]  (0) 2021.08.27
초보자의 입장에서 작성한 git 사용법  (0) 2021.08.27