diff --git a/app/blog/BlogPostCard.tsx b/app/blog/BlogPostCard.tsx
index b1e6f11..814ab60 100644
--- a/app/blog/BlogPostCard.tsx
+++ b/app/blog/BlogPostCard.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Card, CardBody, CardFooter } from '@nextui-org/card';
 import { Chip, Image } from '@nextui-org/react';
+import NextImage from 'next/image';
 import Link from 'next/link';
 import { MdCalendarMonth, MdNorthEast } from 'react-icons/md';
 
@@ -28,16 +29,18 @@ function BlogPostCard({ post }: Props) {
                   isHoverable
             >
 
-                { header_img !== '' && <div className={ `w-full overflow-visible` }>
+
+                { header_img !== '' && <div className={ `w-full overflow h-80 relative` }>
                     <Image
+                        as={ NextImage }
                         alt={ 'cover picture' }
                         src={ header_img }
-                        className={ `z-20 h-80 w-full object-cover rounded-b-none` }
+                        className={ `w-full object-cover rounded-b-none` }
                         style={ {
                             'maskImage': 'linear-gradient(black 95%, transparent)',
                             'backdropFilter': 'blur(20px)'
                         } }
-                        width={ `100%` }
+                        fill
                         removeWrapper
                     ></Image>
                 </div> }
diff --git a/app/blog/fetch_posts_list.ts b/app/blog/fetch_posts_list.ts
index aebb739..6e9303f 100644
--- a/app/blog/fetch_posts_list.ts
+++ b/app/blog/fetch_posts_list.ts
@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 export default async function fetch_posts_list(): Promise<any> {
-    const response = await axios(`http://localhost:${ process.env.BACKEND_PORT }/api/get/post_list`);
+    const response = await axios(`${ process.env.BACKEND_URL }/get_post_list`);
     if (response.status !== 200) {
         throw new Error(response.statusText);
     }
diff --git a/app/blog/post/[id]/generate.tsx b/app/blog/post/[id]/generate.tsx
index 3771f64..72053c3 100644
--- a/app/blog/post/[id]/generate.tsx
+++ b/app/blog/post/[id]/generate.tsx
@@ -1,5 +1,3 @@
-'use server';
-
 import React from 'react';
 import Markdown from 'react-markdown';
 import { Card, CardBody } from '@nextui-org/card';
@@ -19,7 +17,7 @@ async function Generate(props: Props) {
 
     let response: any;
     try {
-        response = await axios(`http://localhost:${ process.env.BACKEND_PORT }/api/get/post/${ props.id }`);
+        response = await axios(`${ process.env.BACKEND_URL }/get_post/${ props.id }`);
     } catch (e) {
         return (
             <Card className={ `w-full` }>
@@ -38,7 +36,7 @@ async function Generate(props: Props) {
             <Card className={ `w-full max-w-full relative` }>
                 <CardBody>
                     <Markdown
-                        className={ `p-5 max-w-full text-justify text-pretty会 prose prose-sm dark:prose-invert md:prose-md lg:prose-lg` }
+                        className={ `p-5 max-w-full text-justify text-pretty prose prose-sm dark:prose-invert md:prose-md lg:prose-lg` }
                         remarkPlugins={ [ remarkGfm, remarkToc, remarkFrontmatter ] }
                         rehypePlugins={ [ rehypeHighlight, rehypeRaw, rehypeSanitize ] }
                     >{ (post_data as any)['content'] }</Markdown>
diff --git a/backend/src/main.rs b/backend/src/main.rs
index d92c900..7f97b02 100644
--- a/backend/src/main.rs
+++ b/backend/src/main.rs
@@ -32,9 +32,9 @@ async fn main() -> Result<(), Box<dyn Error>> {
         .expect("failed to load database");
 
     let app = Router::new()
-        .route("/api/post/refresh", post(refresh))
-        .route("/api/get/post_list", get(get_post_list))
-        .route("/api/get/post/:post_id", get(get_post))
+        .route("/refresh_posts", post(refresh))
+        .route("/get_post_list", get(get_post_list))
+        .route("/get_post/:post_id", get(get_post))
         .with_state(db_pool);
 
     let listener = tokio::net::TcpListener::bind(format!("0.0.0.0:{}", port)).await?;
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 827abdb..b16b09b 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -2,6 +2,7 @@
 
 import React, { useEffect, useState } from 'react';
 import { Button, Image } from '@nextui-org/react';
+import NextImage from 'next/image';
 import {
     IoFileTrayFull,
     IoHome,
@@ -115,11 +116,13 @@ function Navbar() {
                     <div className={ `hidden md:block` }>
                         <div className={ `flex justify-center items-center my-7` }>
                             <Image
+                                as={ NextImage }
                                 src={ 'https://oss.lumither.com/blog/pictures/compr/1717153492846703409_avatar.webp' }
                                 alt={ 'avatar' }
                                 width={ 200 }
                                 height={ 200 }
                                 className={ 'rounded-full justify-self-center' }
+                                fetchPriority={ 'high' }
                                 removeWrapper
                             ></Image>
                         </div>
diff --git a/next.config.mjs b/next.config.mjs
index 4678774..2216b31 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,4 +1,13 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'oss.lumither.com'
+            }
+        ]
+    }
+};
 
 export default nextConfig;
diff --git a/openresty/conf/blog_backend.conf b/openresty/conf/blog_backend.conf
new file mode 100644
index 0000000..4d297fd
--- /dev/null
+++ b/openresty/conf/blog_backend.conf
@@ -0,0 +1,16 @@
+
+location / {
+    default_type text/html;
+    proxy_pass http://localhost:3000;
+    proxy_redirect off;
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+}
+
+location /api/ {
+    rewrite ^/api(/.*)$ $1 break;
+    proxy_pass http://localhost:3001;
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+}
diff --git a/openresty/deploy.sh b/openresty/deploy.sh
new file mode 100755
index 0000000..dc0a79c
--- /dev/null
+++ b/openresty/deploy.sh
@@ -0,0 +1,4 @@
+#!/bin/bash
+
+rm -rf /opt/openresty/nginx/lua
+cp -r ./lua  /opt/openresty/nginx
diff --git a/package.json b/package.json
index 8d6e19b..5f5fc21 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,8 @@
     "rehype-sanitize": "^6.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
-    "remark-toc": "^9.0.0"
+    "remark-toc": "^9.0.0",
+    "sharp": "^0.33.4"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.13",