Skip to content

Commit

Permalink
Update head.html (hotjor code removed, spoqa han sans fonts not impor…
Browse files Browse the repository at this point in the history
…ted), img files modified
  • Loading branch information
iamleejihye committed Apr 23, 2018
1 parent b45b036 commit 5ceee94
Show file tree
Hide file tree
Showing 26 changed files with 8 additions and 22 deletions.
14 changes: 0 additions & 14 deletions _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,6 @@
<!-- CSS -->
<link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="http://www.jihyeleee.com/img/favicon.ico">

<!-- GA -->
Expand All @@ -45,18 +44,5 @@
ga('send', 'pageview');

</script>

<!-- Hotjar Tracking Code for http://jihyeleee.com -->

<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:829686,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

</head>
Binary file modified about/img/about.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blog/android-sundry-info/img/android-device.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blog/android-sundry-info/img/line-height.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
2 changes: 1 addition & 1 deletion blog/designer-can-make-jekyll-blog/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ blog: true
text: true
author: "Jihye Leee"
post-header: true
header-img: "img/jekyll-pattern.png"
header-img: "img/jekyll-pattern.jpg"
order: 2
---

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
2 changes: 1 addition & 1 deletion blog/second-designer-can-make-jekyll-blog/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ blog: true
text: true
author: "Jihye Leee"
post-header: true
header-img: "img/github.png"
header-img: "img/github.jpg"
order: 3
---

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file modified blog/third-designer-can-make-jekyll-blog/img/third_custom.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions blog/third-designer-can-make-jekyll-blog/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,13 +27,13 @@ order: 4
# 구조 다시 짜기
원하는 구조의 Theme을 찾았다면 이 내용은 건너뛰어도 좋다. 앞서 말했듯이 내가 선택한 Theme은 단순한 디자인의 구조여서 이를 다시 짜는 과정이 필요했다. ‘Tale’의 구조는 아래와 스케치와 같았다.

![Structure of Tale](./img/structure_tale.png)
![Structure of Tale](./img/structure_tale.jpg)

메인 페이지에서 ‘Posts’, ‘About’ 두 가지 메뉴에 접근할 수 있고 About은 단일 Markdown 파일 하나가 연결되어 있다. ‘Posts’ 메뉴에는 여러 Article (Mardown)이 있다. ‘Posts’ 메뉴의 글은 Markdown 파일명에 입력한 날짜를 기준으로 정렬된다. 이런 형태는 Jekyll의 기존 구조라 볼 수 있고 이를 [Post](http://jekyllrb-ko.github.io/docs/posts/)라고 부른다. 하지만 내가 원했던 구조는 아래 이미지와 같았다.

<br />

![My structure](./img/structure_mine.png)
![My structure](./img/structure_mine.jpg)

‘Work’, ‘Blog’, ‘About’ 3개의 메뉴로 구성된다. ‘About’과 ‘Blog’ 메뉴는 ‘Tale’과 거의 같아서 수정하기만 하면 되었다.
문제는 ‘Work’ 메뉴였다. 각 회사에서 작업했던 프로젝트를 글로 ‘Work’ 메뉴에 업로드하려고 했다. 과거 작업에 대한 글이라서 특정 날짜를 적기가 모호했다. 그래서 날짜가 파일명에 포함되어야 하는 Post는 쓰고 싶지 않았다. 하지만 ’Tale’은 Post를 사용하고 있어서 어떻게 수정해야 할지 막막했다.[^2]
Expand Down Expand Up @@ -63,7 +63,7 @@ order: 4
# Page로 해결하기
마침내 Stockoverflow에서 [나와 비슷한 문제를 겪고 있는 이의 질문](https://stackoverflow.com/questions/17118551/generating-a-list-of-pages-not-posts-in-a-given-category/17913214#17913214)을 찾아냈다. 그리고 가장 많은 표를 받은 답변으로 의도했던 ‘Work' 메뉴 구조를 만들 수 있었다. 각 ‘Company' 이름의 폴더를 만들고 그 안에 `index.html` 혹은 `index.md`를 만든다. 그렇게 구조를 갖추면 [Page](http://jekyllrb-ko.github.io/docs/pages/) 변수를 사용할 수 있다. 그리고 그 안에 프로젝트 이름의 폴더를 만들고 또 안에 `index.html` 혹은 `index.md` 를 만들면 계속 위계를 주어 연결할 수 있다. 사실 현재 이 글이 속해있는 ‘blog’ 메뉴도 Post가 아닌 Page를 활용해서 만들었다. 현재 내 블로그의 [폴더 구조](https://github.com/iamleejihye/iamleejihye.github.io/tree/master/blog)를 보면 참고하면 좋다.

![My structure](./img/page_structure_example.png)
![My structure](./img/page_structure_example.jpg)

## Collection
Page로 문제는 해결했지만, 나중에 알게 된 Collection이라는 기능이 ‘Work’ 메뉴를 구성하기에 더 적합하다는 걸 뒤늦게 알게 되었다. Collection으로 날짜별로 정렬하고 싶지 않지만 서로 어느 정도 관련이 있는 글에 사용한다. Collection에 대한 설명은 [Jekyll의 공식 문서](http://jekyllrb-ko.github.io/docs/collections/)를 참고하면 될 것 같다.
Expand All @@ -82,7 +82,7 @@ Output은 두 개의 중괄호로 둘러싸여 있다. 다음과 같이 사용

여기서 `skill-role``_data` 폴더에 `skill-role.yml` 을 뜻한다. `name``role.yml` 안에 정의해놓은 변수고 name에는 `UI Design`, `UX Design` 등 스킬들을 속성 값으로 입력해놓았다. 이처럼 Output은 템플릿이 렌더링 되면 변수의 값으로 치환돼서 뿌려지게 된다.

![The example of Output](./img/liquid_output_example.png)
![The example of Output](./img/liquid_output_example.jpg)

`Tag` 는 하나의 중괄호와 백분율 기호로 둘러싸여 있다. 다음과 같이 사용한다.

Expand Down
Binary file modified img/share-img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added project/highlight-img-share/img/card.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed project/highlight-img-share/img/card.png
Binary file not shown.
2 changes: 1 addition & 1 deletion project/highlight-img-share/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ draft: true
ridi: true
author: "Jihye Leee"
post-header: true
header-img: "img/card.png"
header-img: "img/card.jpg"
order: 1
---

Expand Down
Binary file modified project/img/project_bg.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion project/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ work: true
main: true
title: Selected Projects
project-header: true
header-img: "img/project_bg.png"
header-img: "img/project_bg.jpg"
description: 진행해 온 프로젝트를 종종 글로 씁니다.
---

Expand Down

0 comments on commit 5ceee94

Please sign in to comment.