diff --git a/Makefile b/Makefile
index a0b76f0..43c30e5 100644
--- a/Makefile
+++ b/Makefile
@@ -1,6 +1,6 @@
 DOCKER_ENV=changkun/modern-cpp-tutorial:build-env
 LANGS = zh-cn en-us
-ALL_BUILDS = pdf website
+ALL_BUILDS = website pdf
 
 # dep
 
@@ -9,6 +9,8 @@ all: $(ALL_BUILDS)
 pdf: $(LANGS)
 $(LANGS):
 	cd pdf/$@ && make && make clean
+	mkdir -p website/public/modern-cpp/pdf
+	mv pdf/$@/modern-cpp-tutorial.pdf website/public/modern-cpp/pdf/modern-cpp-tutorial-$@.pdf
 
 website:
 	cd website && make
diff --git a/README-zh-cn.md b/README-zh-cn.md
index 3ad98d9..795c959 100644
--- a/README-zh-cn.md
+++ b/README-zh-cn.md
@@ -22,7 +22,7 @@
 你可以选择以下几种阅读方式：
 
 1. [GitHub 在线](./book/zh-cn/toc.md)
-2. [PDF 文档](./pdf/zh-cn/modern-cpp-tutorial.pdf)
+2. [PDF 文档](https://changkun.de/modern-cpp/modern-cpp-tutorial-zh-cn.pdf)
 3. [网站](https://changkun.de/modern-cpp/)
 
 ## 相关代码
diff --git a/README.md b/README.md
index 3426115..f7e211a 100644
--- a/README.md
+++ b/README.md
@@ -25,7 +25,7 @@ In addition, The author would like to encourage that readers should be able to u
 You can choose from the following reading methods:
 
 - [GitHub Online](./book/en-us/toc.md)
-- [PDF document](./pdf/en-us/modern-cpp-tutorial.pdf)
+- [PDF document](https://changkun.de/modern-cpp/modern-cpp-tutorial-en-us.pdf)
 - [Website](https://changkun.de/modern-cpp)
 
 ## Code
diff --git a/pdf/en-us/modern-cpp-tutorial.pdf b/pdf/en-us/modern-cpp-tutorial.pdf
deleted file mode 100644
index 066a380..0000000
Binary files a/pdf/en-us/modern-cpp-tutorial.pdf and /dev/null differ
diff --git a/pdf/zh-cn/modern-cpp-tutorial.pdf b/pdf/zh-cn/modern-cpp-tutorial.pdf
deleted file mode 100644
index 08b60e7..0000000
Binary files a/pdf/zh-cn/modern-cpp-tutorial.pdf and /dev/null differ
diff --git a/website/themes/moderncpp/layout/index.ejs b/website/themes/moderncpp/layout/index.ejs
index 734b39f..6ac1db7 100755
--- a/website/themes/moderncpp/layout/index.ejs
+++ b/website/themes/moderncpp/layout/index.ejs
@@ -21,7 +21,8 @@
       </h1>
       <h2>第二版</h2>
       <p>
-        <a class="button white" href="<%- url_for("/modern-cpp/zh-cn/00-preface/") %>">🇨🇳 立即阅读</a>
+        <a class="button white" href="<%- url_for("/modern-cpp/zh-cn/00-preface/") %>">🇨🇳 在线阅读</a>
+        <a class="button download" href="<%- url_for("/modern-cpp/pdf/modern-cpp-tutorial-zh-cn.pdf") %>">🇨🇳 下载</a>
       </p>
     </div>
   </div>
@@ -38,7 +39,8 @@
         </h1>
         <h2>Second Edition</h2>
         <p>
-          <a class="button white" href="<%- url_for("/modern-cpp/en-us/00-preface/") %>">🇬🇧 Read Now</a>
+          <a class="button white" href="<%- url_for("/modern-cpp/en-us/00-preface/") %>">🇬🇧 Read Online</a>
+          <a class="button download" href="<%- url_for("/modern-cpp/en-us/00-preface/") %>">🇬🇧 Download</a>
         </p>
       </div>
   </div>
diff --git a/website/themes/moderncpp/source/modern-cpp/css/_common.styl b/website/themes/moderncpp/source/modern-cpp/css/_common.styl
index f058e2b..27dafbb 100755
--- a/website/themes/moderncpp/source/modern-cpp/css/_common.styl
+++ b/website/themes/moderncpp/source/modern-cpp/css/_common.styl
@@ -56,12 +56,16 @@ a.button
   transition: all .15s ease
   box-sizing: border-box
   border: 1px solid lighten($theme, 8%)
+  width: 200px;
   &.white
     background-color: #fff
     color: $theme
-a.button:hover
+  &.download
     background-color: $theme
     color: #fff
+a.button:hover
+  background-color: $theme
+  color: #fff
 
 .highlight
   overflow-x: auto