diff --git a/nginx.conf b/nginx.conf
index fa76afd..bbd0ed4 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -39,6 +39,17 @@ server {
         proxy_set_header X-Forwarded-Proto $scheme;
     }
 
+    location /calibre {
+        proxy_pass http://host.docker.internal:8100;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_set_header X-Script-Name /calibre;
+
+        client_max_body_size 500M;
+    }
+
     location /home-api/ {
         proxy_pass http://host.docker.internal:8081/;
     }
diff --git a/src/App.vue b/src/App.vue
index beb6dfe..ec86482 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,6 +45,22 @@
         </div>
       </el-card>
 
+      <el-card class="app-card" style="background-color: #c7930f;"
+               @click="calibreClick">
+        <i class="fa-solid fa-swatchbook"></i>
+        <div>
+          <span>电子书库</span>
+        </div>
+      </el-card>
+
+      <el-card class="app-card" style="background-color: #17599a;"
+               @click="readestClick">
+        <i class="fa-solid fa-book-open-reader"></i>
+        <div>
+          <span>电子书阅读</span>
+        </div>
+      </el-card>
+
       <el-card class="app-card" style="background-color: #926851;"
                @click="resumeClick">
         <i class="fa-solid fa-newspaper"></i>
@@ -111,6 +127,14 @@ const giteaClick = () => {
   window.open('https://cxxgit.iepose.cn/', '_blank');
 }
 
+const calibreClick = () => {
+  window.open(`${window.location.origin}/calibre/`, '_blank');
+}
+
+const readestClick = () => {
+  window.open('https://web.readest.com/', '_blank');
+}
+
 const resumeClick = () => {
   ElMessage.info('敬请期待')
 }