add: wakatime post

_pages/category.html

@@ -2,4 +2,8 @@
 layout: default
 title: Category
 permalink: /category/
----
+---
+
+{% for category in site.categories %}
+<li><a href="{{category.url}}"><strong>{{category|first}}</strong></a></li>
+{% endfor %}

_pages/member.html

@@ -45,13 +45,13 @@
 </head>
 
 <ul class="member-list">
-    {% for member in site.data.members %}
+    {% for member_info in site.data.members %}
     <li class="member-item">
-        <a href="https://github.com/{{ member.github }}" class="member-link">
-            <img src="{{ member.avatar }}" alt="{{ member.name }}" class="member-avatar">
-            <span class="member-name"> {{ member.name }}</span>
+        <a href="https://github.com/{{ member_info.github }}" class="member-link">
+            <img src="{{ member_info.avatar }}" alt="{{ member_info.name }}" class="member-avatar">
+            <span class="member-name"> {{ member_info.name }}</span>
         </a>
-        <span class="member-role"> {{ member.role }}</span>
+        <span class="member-role"> {{ member_info.role }}</span>
     </li>
     {% endfor %}
 </ul>

_posts/2023-08-26-How_to_Post.markdown

@@ -37,7 +37,7 @@ author: 김남주
    - HTML 문법
 
    ```html
-   <img src='{{ "/assets/img/GDSC Logo chapter.png" }}' />
+   a
    ```
 
 ## 카테고리 추가 하는 방법

_posts/2023-09-14-wakatime.markdown

@@ -0,0 +1,51 @@
+---
+layout: post
+title: "Wakatime"
+date: 2023-09-14 23:58:13 +0900
+categories: [tip]
+author: 김남주
+---
+
+# Wakatime
+
+<center><img src= 'https://raw.githubusercontent.com/GDSC-DEU/tech-blog/main/assets/img/wakatime_1.png'></center>
+
+## Wakatime이란?
+
+- 개발자의 활동을 기록하는 서비스입니다.
+
+- 개발자가 사용하는 에디터에서 활동을 기록하고, 그 기록을 기반으로 다양한 통계를 제공합니다.
+
+## Wakatime 사용법
+
+1. [Wakatime 홈페이지](https://wakatime.com/)에 접속합니다.
+2. 회원가입 및 로그인을 합니다.
+3. [Wakatime 다운로드 페이지](https://wakatime.com/plugins)에서 사용하는 에디터에 맞는 플러그인을 다운로드 합니다.
+4. 플러그인을 설치합니다.
+   - VSCode의 경우, `Ctrl + Shift + P`를 눌러 명령어 창을 열고 `Wakatime API Key`를 입력합니다.
+   - `Wakatime API Key`라는 문구가 나오면, Wakatime 홈페이지에서 `Settings` 를 클릭합니다.
+   - API Key의 `Copy` 버튼을 클릭하여 API Key를 복사합니다.
+   - VSCode의 명령어 창에 복사한 API Key를 붙여넣습니다.
+5. Wakatime 홈페이지에서 활동을 확인합니다.
+
+## Wakatime 활동 확인 방법
+
+1. Wakatime 홈페이지에서 로그인을 합니다.
+2. Wakatime 홈페이지에서 활동을 확인합니다.
+
+## 깃허브 프로필에 Wakatime 활동 추가하는 방법
+
+1. [Wakatime 홈페이지](https://wakatime.com/)에 접속합니다.
+2. 로그인을 합니다.
+3. Wakatime 홈페이지에서 `Profile`을 클릭합니다.
+4. Profile 아래 Badge버튼을 클릭합니다.
+5. Markdown 탭에서 코드를 복사합니다.
+6. 깃허브 프로필에 복사한 코드를 붙여넣습니다.
+
+### 예시
+
+```markdown
+[![wakatime](https://wakatime.com/badge/user/25e90388-dfc5-4ea1-927f-a7318fdc2eff.svg)](https://wakatime.com/@25e90388-dfc5-4ea1-927f-a7318fdc2eff)
+```
+
+[![wakatime](https://wakatime.com/badge/user/25e90388-dfc5-4ea1-927f-a7318fdc2eff.svg)](https://wakatime.com/@25e90388-dfc5-4ea1-927f-a7318fdc2eff)