ADD: rule of writing at readme.md

_includes/post_list.html

@@ -1,16 +1,18 @@
-<li style="list-style: none;">
+<li style="list-style: none; margin-bottom:20px;">
     {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
     <span class="post-meta">
       <b>{{ post.date | date: date_format }}</b> . 
-      {{ post.categories | slice: 2,5 | join: " / "}} . {{post.author}}
+      {{ post.categories | slice: 2,5 | join: " / "}} <br/>
+      {{ post.authors | join: ", "}} 
       {{ site.post }}
     </span>
     <span>
         <div style="display:flex; flex-direction:row;">
             {% if post.thumbnail %}
               <img src="{{ post.thumbnail }}" style="padding: 10px; margin-top:5px; object-fit: cover; background-color: lightgray;" alt="thumbnail" height="70" width="90" />
             {% else %}
-              <img src="/assets/logo.png" style="padding: 10px; margin-top:5px; object-fit: contain; background-color: lightgray;" alt="thumbnail" height="70" width="90" />                                  {% endif %}
+              <img src="/assets/logo.png" style="padding: 10px; margin-top:5px; object-fit: contain; background-color: lightgray;" alt="thumbnail" height="70" width="90" />                                  
+            {% endif %}
 
             <div style="padding-left: 30px;">
               <a class="post-link" href="{{ post.url | relative_url }}">

_layouts/list.html

@@ -1,5 +1,5 @@
 ---
-layout: post
+layout: page
 ---
 
 <ul>

_layouts/page.html

@@ -4,7 +4,7 @@
 <article class="post">
 
   <header class="post-header">
-    <h1 class="post-title">{{ page.title | escape }}</h1>
+    <h1 class="post-title">{{ page.title | capitalize }}</h1>
   </header>
 
   <div class="post-content">

_layouts/post.html

@@ -6,14 +6,26 @@
 
   <header class="post-header">
     <h1 class="post-title p-name" itemprop="name headline">{{ page.title | capitalize | escape }}</h1>
-    <p class="post-meta">
+    <p class="post-meta" style="display:flex; flex-direction:column;">
       <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
         {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
-        {{ page.date | date: date_format }}
+        <b>{{ page.date | date: date_format }}</b>
       </time>
-      {%- if page.author -%}
-        • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
-      {%- endif -%}</p>
+      <span>  
+        <b>Authors</b> 
+        {% for author in page.authors %}
+          <a href="https://www.github.com/{{ author }}">{{ author }}</a>.
+        {% endfor %}
+      </span>
+      {% if page.reviewers %}
+        <span>
+          <b>Reviewer</b> 
+          {% for reviewer in page.reviewers %}
+            <a href="https://www.github.com/{{ reviewer }}">{{ reviewer }}</a>
+          {% endfor %}
+        </span>
+      {% endif %}
+    </p>
   </header>
 
   <div class="post-content e-content" itemprop="articleBody">

category/en/help/_posts/2023-10-14-python.markdown → category/en/data-science/basic/_posts/2023-10-14-python.markdown

@@ -1,9 +1,11 @@
 ---
 layout: post
-title: "파이썬 기초"
+title: "Basic of Python"
 date: 2023-10-14 18:39:35 +0900
-author: KDH
-description: Python Fundamental
+authors: [lazybuttrying, MapleSyrup]
+reviewers: [wow]
+description: "Python Fundamental"
+thumbnail: https://img.freepik.com/free-vector/app-development-concept-with-desk-desktop_23-2148699345.jpg?w=996&t=st=1697547195~exp=1697547795~hmac=57b8d06f1f5e90e72837915688ae073cdee7e82445c7d0f2ac44315cd43a140e
 ---
 
 Python은 프로그래밍 언어 중에서 가장 쉽게 배울 수 있는 언어 중 하나입니다. 아래에서 Python의 기초 코드 요소에 대한 설명을 제공하겠습니다.

category/en/data-science/basic/index.html

@@ -0,0 +1,4 @@
+---
+layout: list
+title: basic
+---

category/index.html

@@ -2,8 +2,34 @@
 layout: default
 ---
 
-<h1>Select Locale</h1>
+<h1>Select Category</h1>
 
-<h3><a href="kr">Korea</a></h3>
-<h3><a href="en">English</a></h3>
+<section style="display:flex; gap:50px">
 
+<!-- Specify <a> on only leaf category folder -->
+
+<span>
+    <h3>English</h3>
+    <nav>
+        <ol>
+            <li>
+                Data Science
+                <ol>
+                    <li><a href="en/data-science/basic">Basic</a></li>
+                </ol>
+            </li>
+        </ol>
+    </nav>
+</span>
+
+<span>
+    <h3>Korea</h3>
+    <nav>
+        <ol>
+            <li><a href="kr/tool/">Tool</a></li>
+            <li><a href="kr/language/">Language</a></li>
+        </ol>
+    </nav>
+</span>
+
+</section>

category/kr/language/_posts/2023-10-14-python.markdown

@@ -2,8 +2,9 @@
 layout: post
 title: "파이썬 기초"
 date: 2023-10-14 18:39:35 +0900
-author: KDH
-description: Python Fundamental
+authors: [lazybuttrying, MapleSyrup]
+reviewers: [wow]
+description: "파이썬 핵심 기초 문법"
 ---
 
 Python은 프로그래밍 언어 중에서 가장 쉽게 배울 수 있는 언어 중 하나입니다. 아래에서 Python의 기초 코드 요소에 대한 설명을 제공하겠습니다.

category/kr/language/_posts/2023-10-17-image-upload.markdown

@@ -0,0 +1,84 @@
+---
+layout: post
+title: "이미지 파일 업로드 후 마크다운에"
+date: 2023-10-17 18:39:35 +0900
+authors: [KDH, MapleSyrup]
+description: "모두가 접근할 수 있는 퍼블릭 권한으로"
+thumbnail: https://img.freepik.com/free-vector/images-concept-illustration_114360-298.jpg
+---
+
+먼저 마크다운에서 이미지를 올리는 방법에 대해 봅시다
+
+이 글에서는 내가 가진 이미지를 `이미지 링크`로 가져오는 방법에 대해서 알아봅니다
+
+```
+// 순수
+![설명](이미지 링크)
+
+// HTML
+<img src="이미지 링크" alt="설명" />
+
+```
+
+# Google Drive
+
+1.  자신의 구글 계정 하에서 사진들을 구글 드라이브에 업로드 합니다.
+2.  사진 하나하나 우클릭하여 `공유`->`일반 액세스: 링크가 있는 모든 사용자` -> `링크 복사`
+
+    [모든 사진을 일일이 해줘야 하는 게 참 번거롭습니다]
+
+3.  복사된 링크를 마크다운 파일 속 해당 이미지 위치의 `이미지 링크`에 대체합니다
+
+    ```
+    // Before
+    ![설명](image_filename.png)
+
+    // After
+    ![설명](https://drive.google.com/file/d/1Fk0r5odYB00JqvdvVIxDuyuf2OjZuA_i/view?usp=share_link)
+    ```
+
+# AWS S3
+
+1.  [처음에만] 버킷 생성 및 설정
+
+    1. AWS S3 bucket을 `모든 퍼블릭 액세스 차단`을 허용하여 생성합니다
+    2. 생성한 bucket을 클릭하여 `권한` -> `버킷 정책` -> `편집`에 아래 내용을 넣습니다
+       - `{BUCKET_NAME}`에 자신의 bucket 이름으로 대체합니다
+       - `변경 사항 저장` 필수
+       ```json
+       {
+         "Version": "2012-10-17",
+         "Statement": [
+           {
+             "Sid": "AddPerm",
+             "Effect": "Allow",
+             "Principal": "*",
+             "Action": "s3:GetObject",
+             "Resource": "arn:aws:s3:::public-haebom/*"
+           }
+         ]
+       }
+       ```
+
+2.  이미지 업로드 및 링크 가져오기
+
+    1. 사진들을 bucket에 업로드합니다
+    2. 업로드된 사진을 클릭하여 `속성`-> `객체 개요` ->`객체 URL`을 복사합니다
+    3. 복사된 링크를 마크다운 파일 속 해당 이미지 위치의 `이미지 링크`에 대체합니다
+
+       ```
+        // Before
+        ![설명](Charts_in_Colaboratory_11_0.png)
+
+        // After
+        ![설명](https://public-haebom.s3.ap-northeast-2.amazonaws.com/library/Charts_in_Colaboratory_11_0.png)
+       ```
+
+3.  링크를 잘 보면 `파일 이름이 그대로` 남아 있습니다
+
+    - 그렇기에 하나의 사진만 링크를 복사해오고
+    - 그 이후로는 이미지 링크에서 파일명 외 부분을 복사-붙여넣기하면 됩니다
+
+      ```
+      https://public-haebom.s3.ap-northeast-2.amazonaws.com/library/
+      ```

category/kr/tool/_posts/2023-10-13-markdown-syntax.markdown

@@ -2,8 +2,9 @@
 layout: post
 title: "Markdown Syntax"
 date: 2023-10-13 18:39:35 +0900
-author: KDH
-description: List of rare makrdown syntax
+authors: [lazybuttrying, MapleSyrup]
+reviewers: [wow]
+description: "List of rare markdown syntax"
 thumbnail: https://img.freepik.com/free-photo/website-html-code-browser-view-printed-white-paper-closeup-view_211682-166.jpg?w=996&t=st=1697546256~exp=1697546856~hmac=426a0b6e50c1e2c15ecd1ad8f07565743966995c58cd410e4f78ae6af9555ff5
 ---
 

category/kr/tool/_posts/2023-10-13-marp-markdown-ppt.markdown

@@ -2,8 +2,9 @@
 layout: post
 title: "Marp: Markdown Powerpoint"
 date: 2023-10-13 18:39:35 +0900
-author: KDH
-description: Marp is an open-source presentation software that allows you to create slide presentations using Markdown
+authors: [lazybuttrying, MapleSyrup]
+reviewers: [wow]
+description: "Marp is an open-source presentation software that allows you to create slide presentations using Markdown"
 thumbnail: https://img.freepik.com/free-photo/website-html-code-browser-view-printed-white-paper-closeup-view_211682-166.jpg?w=996&t=st=1697546256~exp=1697546856~hmac=426a0b6e50c1e2c15ecd1ad8f07565743966995c58cd410e4f78ae6af9555ff5
 ---
 

category/kr/tool/_posts/2023-10-17-free-image.markdown

@@ -1,9 +1,9 @@
 ---
 layout: post
 title: "Free Image source"
-date: 2023-10-13 18:39:35 +0900
-author: KDH
-description: Free image source & Add image on markdown
+date: 2023-10-17 18:39:35 +0900
+authors: [KDH, MapleSyrup]
+description: "Free image source & Add image on markdown"
 thumbnail: https://img.freepik.com/free-vector/free-text-vector-typography-gradient-isometric-font_53876-177139.jpg?size=626&ext=jpg&ga=GA1.1.137958276.1697546021&semt=sph
 ---
 

category/kr/tool/_posts/2023-10-17-python-jupyter-notebook copy.markdown

@@ -0,0 +1,31 @@
+---
+layout: post
+title: "Jupyter notebook to markdown"
+date: 2023-10-17 18:39:35 +0900
+authors: [KDH, MapleSyrup]
+description: "Convert ipynb to md"
+thumbnail: https://img.freepik.com/free-vector/app-development-concept-with-desk-desktop_23-2148699345.jpg?w=996&t=st=1697547195~exp=1697547795~hmac=57b8d06f1f5e90e72837915688ae073cdee7e82445c7d0f2ac44315cd43a140e
+---
+
+노트북 파일을 마크다운 파일로 변환해주는 프로그램을 설치합니다.
+
+```sh
+pip install nbconvert
+```
+
+파일 이름과 마크다운 형식임을 표기하여 변환합니다.
+명령어를 실행한 곳에서 `{NOTEBOOK_FILENAME}.md` 파일이 생성됩니다.
+
+```
+python -m nbconvert --to markdown {NOTEBOOK_FILENAME}.ipynb
+```
+
+출력 결과에 사진(그래프)가 있는 경우, 결과 파일과 더불어 사진들이 저장된 폴더가 생성되며 그 폴더 이름 또한 `NOTEBOOK_FILE`입니다.
+
+이 사진들을 마크다운 결과 파일과 함께 이동시켜야만 이미지를 확인할 수 있습니다.
+
+마크다운 파일을 열어보면 알 수 있듯이 각 이미지 파일 이름은 `{NOTEBOOK_FILENAME}_{CELL_NUMBER}_{PRINT_ORDER}.png`입니다.
+
+```
+![png](Charts_in_Colaboratory_files/Charts_in_Colaboratory_3_0.png)
+```

index.markdown

@@ -6,7 +6,9 @@ layout: home
 title: HAEBOM
 ---
 
-## Hi, Here is HAEBOM Library
+## 안녕하세요, 해봄 도서관 입니다
+
+저희는
 
 1. 제 1저자
 2. 제 2저자
@@ -15,3 +17,9 @@ title: HAEBOM
 교신 저자의 경우 해당 학과 졸업생 및 경력자를,
 
 그외 저자는 누구나 될 수 있습니다.
+
+## 찾아주셔서 감사합니다
+
+양질의 글을 올릴 수 있도록 노력하겠습니다
+
+![](https://media4.giphy.com/media/ld2t4ZrMNNRZYMhof6/giphy.gif?cid=ecf05e476hu7kp446e2veicdzwya9mnhwotgc7doplhvqbg0&ep=v1_gifs_search&rid=giphy.gif&ct=g)

latest/index.html

@@ -8,7 +8,7 @@
 
 <ul class="post-list">
   {% for post in paginator.posts %}
-  {% include post_list.html %}
+    {% include post_list.html %}
   {% endfor %}
 </ul>