queternion posting..

songdaegeun · May 3, 2024 · 6c50493 · 6c50493
1 parent a9b51e4
commit 6c50493
Show file tree

Hide file tree

Showing 6 changed files with 155 additions and 8 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -9,7 +9,7 @@
 >
   <p>
     {{- '©' }}
-    <time>{{ 'now' | date: '%Y' }}</time>
+    <!-- <time>{{ 'now' | date: '%Y' }}</time> -->
 
     {% if site.social.links %}
       <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -150,3 +150,13 @@ <h1 data-toc-skip>{{ page.title }}</h1>
   </div>
   <!-- div.post-tail-wrapper -->
 </article>
+
+<!-- Utterances comment snippet -->
+
+<script src="https://utteranc.es/client.js"
+        repo="songdaegeun/songdaegeun.github.io"
+        issue-term="pathname"
+        theme="github-dark"
+        crossorigin="anonymous"
+        async>
+</script>
diff --git a/_posts/2024-05-03-jekyll-based-blog-customizing.md b/_posts/2024-05-03-jekyll-based-blog-customizing.md
@@ -0,0 +1,39 @@
+---
+layout: post
+title: jekyll based blog customizing
+date: 2024-05-03 23:52 +0900
+author: songdaegeun
+categories: ["jekyll"]
+tags:
+pin: false
+math: true
+---
+
+왠만한 sass는 관리자도구로 태그 id찾아서 변경해주면 된다.  
+특별한 변경이 필요한 경우, 다른 블로그를 참고하고, jekyll, liquid, js를 공부해서 구현하도록하자.  
+[jekyll docs](https://jekyllrb-ko.github.io/docs/)
+
+### 변경이 필요한 경우
+
+1. default.html의 전반적인 layout변경
+2. 블로그 전체 배경,
+3. 특정 sidebar-nav-item에 특정 내용 특정 형식 구현
+
+### 변경 예정 기능
+
+1. 블로그의 좋은 구성에 참고할만한 아이디어가 있을 때 해보자.
+bgm, blog bot, 프로젝트 시각화 기능 등..
+
+2. 시간많고 뭔가 꾸미고 싶은 기능이 있을 때 해보자.
+
+3.1. jupiter book으로 공부용 서브블로그 [참고](https://hiddenbeginner.github.io/study-notes/contents/intro.html)\
+블로그 내부에 아예 공부용 서브블로그를 jupiter book기반으로 만든 분이 있는데, 공부를 전반적으로 정리해야할 때 만들어보자.
+
+3.1. gitbook형식으로 특정 분야 정리하는 sidebar-nav-item [참고](https://hiddenbeginner.github.io/Deep-Reinforcement-Learnings/book/intro.html)\
+특정 분야를 깊게 파서 정리해야할 때, gitbook형식으로 정리하자. 아마 한번에 정리는 어려울 것이고 2회독차부터 gitbook정리를 시작할 수 있을 것이다. 
+
+3.1. categories sidebar-nav-item [참고](https://hiddenbeginner.github.io/)\
+카테고리를 상단바에 두고, 각 카테고리를 클릭할 때 관련 post가 list up되는 레이아웃으로 변경 
+
+3.2. archive sidebar-nav-item [참고](https://theorydb.github.io/category/dev/)\
+연도별로 분류해서 시간순으로 나타내는 레이아웃으로 변경
diff --git a/_posts/2024-05-03-utterances-add-on.md b/_posts/2024-05-03-utterances-add-on.md
@@ -4,14 +4,47 @@ title: utterances add on
 date: 2024-05-03 20:36 +0900
 author: songdaegeun
 categories: ["jekyll"]
-tags:
+tags: [utterances]
 pin: false
 math: true
 ---
 
-### 개요
+utterances
+> GitHub issues 기반으로 만들어진 lightweight comments widget이다. 블로그 post, wiki pages등에 comment를 달면, GitHub issues에 등록된다.
 
 
+gitblog post하단에 comment를 입력할 수 있는 기능을 추가하기위해, open source인 utterances를 이용해보자!
+
+### 저장소에 utteranc 설치
+
+[utterances app]() 에서 install
+only select repository를 선택 후 드롭다운에서 utterances를 적용할 내 gitblog repository선택
+
+
+### snippet
+
+아래와 같은 snippet을 _layouts/post.html 맨하단에 붙힌다.
+
+
+```
+<script src="https://utteranc.es/client.js"
+	repo="songdaegeun/songdaegeun.github.io"
+	issue-term="pathname"
+	theme="github-dark"
+	crossorigin="anonymous"
+	async>
+</script>
+
+```
+해당 코드는 [utteranc 웹사이트](https://utteranc.es/)에서 configuration란에 utteranc가 설치된 repository를 입력하면 생겨나고, 복사해왔다.    
+- 원한다면 theme을 바꿀 수도 있다.(현재는 github dark)\
+- .utterances와 .utterances-frame selector를 이용해서 layout을 customize할 수도 있다.  
+
+### 결과 
+
+post에 댓글을 달면, gitblog issue에도 등록되어 확인 및 답장할 수 있다.
+
 ### 참고문서
 
-[url](https://www.irgroup.org/posts/utternace-comments-system/)
+[설치과정](https://www.irgroup.org/posts/utternace-comments-system/)\
+[utterances](https://utteranc.es/)
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
@@ -799,10 +799,13 @@ $btn-mb: 0.5rem;
         align-items: center;
         border-radius: 0.75rem;
         font-weight: 600;
+		// color: #000000;
+		color: #5f3c00;
 
         &:hover {
-			background-color: #ffffff77;
-        //   background-color: var(--sidebar-hover-bg);
+			color: #f92fd0;
+		// background-color: #ffffff77;
+        // background-color: var(--sidebar-hover-bg);
         }
 
         i {
@@ -813,15 +816,14 @@ $btn-mb: 0.5rem;
         }
 
         span {
-			color: #000000;
 			font-size: 90%;
 			letter-spacing: 0.2px;
         }
       }
 
       &.active {
         .nav-link {
-			background-color: #ffffff77;
+			// background-color: #ffffff77;
 			// color: var(--sidebar-active-color);
 		  	// background-color: var(--sidebar-hover-bg);
 			span {

diff --git a/_tabs/about.md b/_tabs/about.md
@@ -8,3 +8,66 @@ order: 4
 {: .prompt-warning }
 
 [송대근_CV_20240503](/assets/img/post/송대근_CV_20240503.pdf)
+
+### 인사글 
+안녕하세요.  에서 석사과정 진행 중인 송대근이라고 합니다.
+
+---
+
+### 주요 이력 및 활동 사항
+
+#### 주요이력
+
+<!-- **2015 3월 ~ 2020년 2월** ㅁㄹㅇㄴ
+
+<br/>
+
+<details>
+	<summary>
+		<h4>프로젝트</h4>
+	</summary>
+	<div markdown="1">
+		**2024년 x월 ~ ** ~ 연구 (~연구개발사업, ~용역과제)
+		- ~ 개선, 개발
+	</div>
+</details> -->
+
+<!-- 
+<details>
+	<summary class="ex1">
+		<h4>외부 활동</h4>
+	</summary>
+	<div markdown="1">
+		**~** ~ 논문 리뷰 스터디 ~기
+		- 발표: 
+		<br>
+		**~** ~ 가이드북 공동 빌더
+		- 도서: ~
+		- 정리: [~링크]
+		<br>
+		**~**  ~ 가이드북 러너
+		- 도서: ~
+		- 정리: [~링크]
+		<br>
+		**~** ~ 스터디
+		- 도서: ~
+		<br>
+		**~** ~ 논문 읽기 모임
+	</div>
+</details>
+
+<br/>
+
+
+<details>
+<summary class="ex1">
+<h4>대회 참여 및 수상 경력</h4>
+</summary>
+<div markdown="1">
+
+**~** ~ 경진대회 참여
+
+<br>
+
+</div>
+</details> -->