NextJS + WordPress 个人站点新思路

3个月前

最近打算用 NextJS 重新搭一下个人的站点, 顺便做做 SEO之类的.

结果遇到了一点问题, NextJS 虽然用来做SEO友好的网站非常方便, 但是如果要拿来写博客, 只能用 markdown, 每次还得编译部署非常麻烦.

写博客, 最好还是用wordpress之类的CMS建站工具, 但是wordpress是用php开发的, 定制首页又非常麻烦, 还得去看wordpress的文档, 学习PHP的语法.

所以最好能够首页一类的展示型页面用 NextJS 开发, 隔一段时间更新一次, 直接打包成静态页部署.

而博客文章, 则用 wordpress来做, 找一个好看的主题.

然后用 nginx 代理把 wordpress 的 /blog 的二级目录代理到 主域名下, 这样一个域名下就既可以轻松做到:

  • 使用 NextJS 快捷定制首页UI
  • 使用 WordPress 快速搭建一个功能完整的博客

我的做法是做两个站, 一个是nextjs 静态部署的网站, 如 王华锋的个人站点 - Wang Huafeng’s Personal Site

再搞一个站, 把wordpress 安装在 /blog文件夹下.

然后再 主网站的 nginx配置里面, 增加一行代理的

 location /blog/ {
      # 转发到WordPress
      proxy_pass https://wordpress.wanghuafeng.com/blog/;
  }

这样, 当我们访问 https://wanghuafeng.com/blog/ 时, 就可以看到 wordpress 的页面了.