diff --git a/docs/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md b/docs/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md
index 150d5ed..55f64fb 100644
--- a/docs/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md
+++ b/docs/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md
@@ -559,4 +559,4 @@ curl -X POST 'http://xxxxxxxx/v1/chat-messages' \
    1. **在 README.md 中写入一两句话的小说明：你选择了谁作为画像主角，为什么选 TA。**
 2. **你的 Hogwarts Portraits 线上访问链接；**
 
-你也可以参考 Yerim 写的 [使用设计和代码 Agent 制作网页](/examples/example0/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents) 教程，进行个人作品集或任意功能简单网页的快速搭建。
+你也可以参考 Yerim 写的 [使用设计和代码 Agent 制作网页](/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents) 教程，进行个人作品集或任意功能简单网页的快速搭建。
diff --git a/package-lock.json b/package-lock.json
index 77c1c4e..f2c88f7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,9 @@
       },
       "devDependencies": {
         "prettier": "^3.7.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
       }
     },
     "node_modules/@ai-sdk/gateway": {
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..e58e5a8
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,6 @@
+{
+  "buildCommand": "npm run build",
+  "installCommand": "npm install",
+  "framework": "vitepress",
+  "outputDirectory": "docs/.vitepress/dist"
+}