如何在现有Node.js Express网站中安装并集成WordPress博客？

因为WordPress基于PHP/MySQL，和Node.js Express属于不同技术栈，所以通常有两种主流集成思路，我分别给你拆解实操步骤：

方案一：反向代理（推荐，独立维护+快速集成） #

这种方式让Express和WordPress各自独立运行，通过Nginx/Apache的反向代理，把指定路径（比如/blog）的请求转发给WordPress，其他请求交给Express。优点是两个项目互不干扰，WordPress的所有功能（后台管理、插件、评论系统）都能完整使用。

步骤： #

1. 安装WordPress

   • 在你的服务器上创建单独目录（比如/var/www/wordpress），下载WordPress压缩包并解压。
   • 创建MySQL数据库和专属用户，配置WordPress的wp-config.php文件，完成安装向导。
   • 在WordPress后台「设置-常规」里，把**站点地址（URL）**设置为你的域名/blog（比如https://yourapp.com/blog），避免内部链接跳转错误。

2. 配置Nginx反向代理
   假设你的Express项目运行在localhost:3000，修改Nginx站点配置文件（比如/etc/nginx/sites-available/yourapp）：

   server {
       listen 80;
       server_name yourapp.com;
       # 强制HTTPS（可选）
       return 301 https://$host$request_uri;
   }
   
   server {
       listen 443 ssl;
       server_name yourapp.com;
       # 配置你的SSL证书路径
       ssl_certificate /path/to/your/cert.pem;
       ssl_certificate_key /path/to/your/key.pem;
   
       # 处理Express应用的非/blog请求
       location / {
           proxy_pass http://localhost:3000;
           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;
       }
   
       # 处理/blog路径请求，转发到WordPress
       location /blog {
           root /var/www/wordpress;
           index index.php index.html;
   
           # WordPress伪静态规则
           try_files $uri $uri/ /blog/index.php?$args;
   
           # 处理PHP文件
           location ~ \.php$ {
               fastcgi_pass unix:/run/php/php8.1-fpm.sock; # 根据你的PHP版本调整
               fastcgi_index index.php;
               fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
               include fastcgi_params;
           }
       }
   }
   

   保存后运行sudo nginx -t检查语法，没问题就重启Nginx：sudo systemctl restart nginx。

3. 集成到现有网站
   在Express的导航模板里添加指向/blog的链接，比如：

   <nav>
       <a href="/">首页</a>
       <a href="/about">关于我们</a>
       <a href="/blog">博客</a> <!-- 新增博客入口 -->
   </nav>
   

   现在访问yourapp.com/blog就能进入WordPress博客，其他路径还是你的Express网站，实现无缝集成。

方案二：通过WordPress REST API嵌入内容 #

如果想要完全统一网站前端样式，或者不想让用户直接访问WordPress原生界面，可以用这种方式：把WordPress作为内容管理后台，Express通过REST API获取博客内容，用自己的模板渲染页面。

步骤： #

1. 准备WordPress

   • 安装并配置WordPress（可与Express同服务器或单独部署），默认已启用REST API，访问https://your-wordpress-domain/wp-json/wp/v2/posts即可看到文章JSON数据。
   • 若Express和WordPress不在同一域名，需解决跨域问题：安装「WP CORS」插件，或在主题functions.php中添加CORS头。

2. 在Express中调用API
   先安装HTTP请求库axios：

   npm install axios
   

   创建博客路由文件（比如routes/blog.js）：

   const express = require('express');
   const router = express.Router();
   const axios = require('axios');
   
   // WordPress API地址
   const WP_API_URL = 'https://your-wordpress-domain/wp-json/wp/v2';
   
   // 博客列表页面
   router.get('/', async (req, res) => {
       try {
           // 获取已发布的文章，按时间倒序
           const response = await axios.get(`${WP_API_URL}/posts`, {
               params: { status: 'publish', per_page: 10, order: 'desc' }
           });
           const posts = response.data.map(post => ({
               id: post.id,
               title: post.title.rendered,
               excerpt: post.excerpt.rendered,
               date: new Date(post.date).toLocaleDateString(),
               slug: post.slug
           }));
           // 用你的模板引擎渲染页面（这里假设用EJS）
           res.render('blog/list', { posts });
       } catch (err) {
           console.error('获取博客列表失败:', err);
           res.status(500).send('加载博客失败');
       }
   });
   
   // 单篇博客文章页面
   router.get('/:slug', async (req, res) => {
       try {
           const { slug } = req.params;
           const response = await axios.get(`${WP_API_URL}/posts`, {
               params: { slug, status: 'publish' }
           });
           const post = response.data[0];
           if (!post) return res.status(404).render('404');
           
           const formattedPost = {
               title: post.title.rendered,
               content: post.content.rendered,
               date: new Date(post.date).toLocaleDateString()
           };
           res.render('blog/post', { post: formattedPost });
       } catch (err) {
           console.error('获取博客文章失败:', err);
           res.status(500).send('加载文章失败');
       }
   });
   
   module.exports = router;
   

   在app.js中注册路由：

   const blogRoutes = require('./routes/blog');
   app.use('/blog', blogRoutes);
   

3. 创建前端模板
   用现有模板引擎（EJS/Pug等）创建博客列表和文章页面，样式与网站保持一致，比如views/blog/list.ejs：

   <% include ../partials/header %>
   <div class="blog-list">
       <h1>我们的博客</h1>
       <% posts.forEach(post => { %>
           <article class="blog-card">
               <h2><a href="/blog/<%= post.slug %>"><%= post.title %></a></h2>
               <p class="date"><%= post.date %></p>
               <div class="excerpt"><%- post.excerpt %></div>
           </article>
       <% }) %>
   </div>
   <% include ../partials/footer %>
   

   用户访问/blog看到的是Express渲染的页面，样式完全统一，博客内容仍在WordPress后台管理。

两种方案对比 #

内容的提问来源于stack exchange，提问作者Suraj Kumar