블로그 개발 일지[2]

1. 게시글 카테고리 재분류

이전에 임시로 생성했던 카테고리들을 재분류했다.

• diary 아래 블로그 개발일지와 휴가 일기를 추가했다.
• plan에 블로그 개발 계획과 포스팅 일정을 분류했다.
• PS(Problem Solving)폴더를 추가해서 문제 분야별로 폴더를 추가했다. 이제 여기에는 해결한 분야별 문제들에 대한 포스팅을 업로드할 예정이다.
• knowledge 폴더를 아주 세분화해서 economics, tips for github, math, programming으로 분류했다.
• /knowledge/programming/ 에 프로그래밍 분야별 폴더를 추가해다. 분야별 (특히나 기억해두어야할) 지식들을 정리해서 업로드할 예정이다.

2. PS Review 게시글 업로드

Bakjoon에서 푼 문제들 중 의미있는 문제들을 선별해서 이에 대한 간단한 Review를 업로드했다. 추후 knowledge/programming에도 PS과정에서 얻은 지식들을 추가해나갈 예정이다.

3. 메인 display width 확장

블로그에 글이 표시되는 가운데 라인을 확장했다. 정확히는 양옆 sidebar의 길이를 줄여서 가운데를 넓혔다.

경로 : github.io 폴더 > _sass 폴더 > _minimal-mistakes 폴더 > _variables.scss

$right-sidebar-width-narrow: 100px !default;    // default 200px
$right-sidebar-width: 200px !default;           // default 300px
$right-sidebar-width-wide: 250px !default;      // default 400px

여기서 px값을 조금씩 수정해주면 된다. default값에 비하면 꽤 많이 줄였다. 원래 목적은 TOC간격을 줄이는 거였는데, 게시글도 시원시원하게 보이고 TOC간격도 줄어들고 이래저래 만족스럽다!

4. 제목 underline 표시 제거

게시글 제목을 보면

이런식으로 underline이 쳐져있다. 아마 link처리가 되어서인 것 같다.

경로 : github.io 폴더 > _sass 폴더 > _minimal-mistakes 폴더 > _base.scss

a { //hyperlink의 태그값이 a이다.
  text-decoration: none;                // 추가된 코드이다.

이런식으로 고칠 수 있다.

출처 : https://eona1301.github.io/github_blog/GithubBlog-Content-Width/

5. About 추가

상단에 About을 추가해서 누르면 개인 profile을 볼 수 있도록 수정했다. 개인 프로필에 이미지도 넣어볼 예정.

1. 경로 : _data/navigation.yml
   여기서 -title에 about을 추가했고 url을 /about/으로 설정했다.

2. 경로 : _pages/about.md about.md라는 파일을 새로 생성했다. 그 후에 md 파일 맨위에 다음을 추가한다.

---
permalink: /about/
title: "About"
excerpt: "About Me"
search: false
---

그리고 그 아래에 개인 profile을 작성하면 끝!