diff --git a/_config.yml b/_config.yml
index 4088aa1c..88f54f23 100644
--- a/_config.yml
+++ b/_config.yml
@@ -10,7 +10,7 @@ google_analytics: UA-119938781-2
 disqus_url: "https://pupil.disqus.com"
 
 github:
-  app_url: https://github.com/tom5079/Pupil-issue/releases/download/2.1/Pupil-v2.1.apk
+  app_url: https://github.com/tom5079/Pupil-issue/releases/download/2.2/Pupil-v2.2.apk
   issue_url: https://github.com/tom5079/Pupil-issue/issues/new/choose
 
 t:
diff --git a/_posts/2019-06-02-manual-kr.md b/_posts/2019-06-02-manual-kr.md
new file mode 100644
index 00000000..a53b3733
--- /dev/null
+++ b/_posts/2019-06-02-manual-kr.md
@@ -0,0 +1,127 @@
+---
+layout: default
+lang: ko
+title: Pupil v2.2 사용 설명서
+---
+
+일단 읽어 보셔봐  
+
+**취소 버튼이 없는 알림창은 알림창 밖을 누르면 취소됩니다**
+
+# 1. 메인 화면
+
+![메인 화면]({{ "assets/images/manual/main-colored.png" | absolute_url }}) 
+
+1. <span style="color:rgb(34,177,76)">사이드 메뉴 열기</span>
+2. <span style="color:rgb(255,127,39)">검색창</span>
+3. <span style="color:rgb(0,162,232)">페이지 이동</span>
+4. <span style="color:rgb(63,72,204)">설정</span>
+5. <span style="color:rgb(255,201,14)">썸네일</span>
+6. <span style="color:rgb(195,195,195)">제목</span>
+7. <span style="color:rgb(127,127,127)">작가</span>
+8. <span style="color:rgb(0,0,0)">갤러리 정보</span>
+9. <span style="color:rgb(153,217,234)">태그</span>
+  - 태그를 누르면 검색됩니다
+
+## 1-1. 페이지 이동
+페이지 이동은 볼륨 버튼으로도 가능합니다
+```
+볼륨 상 -> 이전 페이지
+볼륨 하 -> 다음 페이지
+```
+
+### 1-1.1. 다음 페이지
+![다음]({{ "assets/images/manual/page-next.gif" | absolute_url }})
+페이지 맨 아래에서 한 번 더 끌어주시면 됩니다
+
+### 1-1.2. 이전 페이지
+![이전]({{ "assets/images/manual/page-prev.gif" | absolute_url }})
+페이지 맨 위에서 한 번 더 끌어주시면 됩니다
+
+# 2. 뷰어
+
+![뷰어]({{ "assets/images/manual/viewer-colored.png" | absolute_url }})
+
+1. <span style="color:rgb(0,0,0)">제목</span>
+2. <span style="color:rgb(163,73,164)">페이지 표시</span>
+ - 클릭 시 페이지 이동
+3. <span style="color:rgb(255,127,39)">로딩 상태바</span>
+ - 다운로드 완료 시 사라짐
+4. <span style="color:rgb(255,242,0)">백그라운드 다운로드 버튼</span>
+ - 다운로드 문단에서 자세히
+5. <span style="color:rgb(0,162,232)">전체 화면</span>
+
+## 2-1. 스크롤 모드
+
+세로 스크롤 방식과 가로 스크롤 방식을 모두 지원합니다
+
+![스크롤]({{ "assets/images/manual/viewer-showcase.gif" | absolute_url }})
+
+* 세로 스크롤
+  * 기본 방식
+* 세로 전체화면 스크롤
+  * 전체화면 버튼을 이용
+* 가로 전체화면 스크롤
+  * 이미지를 한 번 클릭
+  * 뒤로가기 버튼으로 나갈 수 있음
+
+# 3. 설정
+
+![설정]({{ "assets/images/manual/settings.png" | absolute_url }})
+
+## 3-1. 검색 설정
+### 3-1.1. 한 번에 로드할 갤러리 수
+한 페이지당 갤러리 수를 설정합니다.  
+기본 값은 `25`입니다.
+
+### 3-1.2. 기본 검색어
+![기본 검색어]({{ "assets/images/manual/default-query.png" | absolute_url }})
+
+메인 화면에서 검색어를 지정하지 않아도 추가되는 검색어입니다.  
+한국어만 보고 싶을 때나 *특정 태그*에 관심이 있을 때 아주 유용합니다.
+
+## 3-2. 캐시
+### 3-1.1 이미지 캐시 정리
+지워지는 파일 목록:
+* 갤러리 이미지
+* 갤러리 썸네일
+* 갤러리 정보
+
+### 3-1.2 기록 삭제
+히스토리를 삭제합니다. 캐시된 이미지는 지워지지 않습니다.
+
+## 3-3. 기타
+### 3-3.1. hiyobi.me 사용
+이미지 로딩 속도 향상을 위해 ***가급적이면*** 히요비에서 불러옵니다.  
+요즘 히요비가 계속 죽어서 효과가 없는 것 같기도 하고...
+
+### 3-3.2. 보안 모드
+최근 앱 목록 창에서 끄지 못한 히토미를 남이 보는 불상사를 아주 조금 방지합니다.  
+
+![보안 모드 ON]({{ "assets/images/manual/with-secure-mode.png" | absolute_url }})
+*보안 모드 ON*
+
+![보안 모드 OFF]({{ "assets/images/manual/without-secure-mode.png" | absolute_url }})
+*보안 모드 OFF*
+
+혹시 모르니까 켜 놓는게 좋습니다. **진짜루요**
+
+# 4. 다운로드 기능
+Pupil은 다운로드 된 만화를 오프라인에서 볼 수 있습니다!
+
+다운로드 방법에는 두 가지가 있습니다.  
+다운로드 방법에는 두 가지가 있습니다.
+
+# 4-1. 뷰어에서 다운로드
+뷰어 문단의 백그라운드 다운로드 버튼으로 활성화 시킬 수 있습니다
+
+# 4-2. 메인 화면에서 다운로드
+
+![메인 화면 다운로드]({{ "assets/images/manual/main-download.gif" | absolute_url }})
+
+메인 화면에서 해당하는 만화를 길게 누르면 다운로드 할 수 있습니다
+
+---
+
+일단 여기까지입니다.  
+더 궁금하신 게 있으시면 이메일 주세요!
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index da49aed2..5a7a46da 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -8,3 +8,8 @@ img + br + em {
   text-align: center;
   font-size: 90%;        
 }
+
+.center {
+    display: block;
+    margin: auto;
+}
diff --git a/assets/images/manual/default-query.png b/assets/images/manual/default-query.png
new file mode 100755
index 00000000..ea10cacd
Binary files /dev/null and b/assets/images/manual/default-query.png differ
diff --git a/assets/images/manual/drawer.png b/assets/images/manual/drawer.png
new file mode 100755
index 00000000..ce7c2ce5
Binary files /dev/null and b/assets/images/manual/drawer.png differ
diff --git a/assets/images/manual/main-colored.png b/assets/images/manual/main-colored.png
new file mode 100755
index 00000000..5a0f5d9e
Binary files /dev/null and b/assets/images/manual/main-colored.png differ
diff --git a/assets/images/manual/main-download.gif b/assets/images/manual/main-download.gif
new file mode 100644
index 00000000..eed1abf7
Binary files /dev/null and b/assets/images/manual/main-download.gif differ
diff --git a/assets/images/manual/main-download.webm b/assets/images/manual/main-download.webm
new file mode 100755
index 00000000..aae142d6
Binary files /dev/null and b/assets/images/manual/main-download.webm differ
diff --git a/assets/images/manual/main.png b/assets/images/manual/main.png
new file mode 100755
index 00000000..012704d9
Binary files /dev/null and b/assets/images/manual/main.png differ
diff --git a/assets/images/manual/page-next.gif b/assets/images/manual/page-next.gif
new file mode 100644
index 00000000..47606960
Binary files /dev/null and b/assets/images/manual/page-next.gif differ
diff --git a/assets/images/manual/page-next.webm b/assets/images/manual/page-next.webm
new file mode 100755
index 00000000..e61db983
Binary files /dev/null and b/assets/images/manual/page-next.webm differ
diff --git a/assets/images/manual/page-prev.gif b/assets/images/manual/page-prev.gif
new file mode 100644
index 00000000..bc2198f2
Binary files /dev/null and b/assets/images/manual/page-prev.gif differ
diff --git a/assets/images/manual/page-prev.webm b/assets/images/manual/page-prev.webm
new file mode 100755
index 00000000..997c4b0e
Binary files /dev/null and b/assets/images/manual/page-prev.webm differ
diff --git a/assets/images/manual/settings.png b/assets/images/manual/settings.png
new file mode 100755
index 00000000..25178eb5
Binary files /dev/null and b/assets/images/manual/settings.png differ
diff --git a/assets/images/manual/viewer-colored.png b/assets/images/manual/viewer-colored.png
new file mode 100755
index 00000000..c2a01630
Binary files /dev/null and b/assets/images/manual/viewer-colored.png differ
diff --git a/assets/images/manual/viewer-showcase.gif b/assets/images/manual/viewer-showcase.gif
new file mode 100644
index 00000000..c958efaa
Binary files /dev/null and b/assets/images/manual/viewer-showcase.gif differ
diff --git a/assets/images/manual/viewer-showcase.webm b/assets/images/manual/viewer-showcase.webm
new file mode 100755
index 00000000..6fcd07e1
Binary files /dev/null and b/assets/images/manual/viewer-showcase.webm differ
diff --git a/assets/images/manual/viewer.png b/assets/images/manual/viewer.png
new file mode 100755
index 00000000..c44f9efe
Binary files /dev/null and b/assets/images/manual/viewer.png differ
diff --git a/assets/images/manual/with-secure-mode.png b/assets/images/manual/with-secure-mode.png
new file mode 100755
index 00000000..b79a5938
Binary files /dev/null and b/assets/images/manual/with-secure-mode.png differ
diff --git a/assets/images/manual/without-secure-mode.png b/assets/images/manual/without-secure-mode.png
new file mode 100755
index 00000000..77157a69
Binary files /dev/null and b/assets/images/manual/without-secure-mode.png differ