一款基于 WordPress + Nuxtjs 开发的前后端分离免费主题（附演示站）

主题特色

•  主题支持自动切换白天、黑夜模式
•  支持企业微信评论通知
•  全站无刷新加载
•  文章点赞、打赏功能
•  评论点赞、无刷新提交、丰富的表情包
•  自动百度链接提交

微信小程序版

小程序版源码：https://github.com/D-xuanmo/blog-miniprogram-wordpress

主题设置截图

轩陌主题演示站：

https://www.xuanmo.xin/

主题下载

源码地址：https://github.com/D-xuanmo/Nuxtjs-Wordpress

小程序版源码：https://github.com/D-xuanmo/blog-miniprogram-wordpress

所有图标：https://www.xuanmo.xin/iconfont

部署

所需环境准备

• php 环境推荐 7.0+
• Nodejs 推荐 14+

如果想要更换主体风格可以编辑 assets/scss/variable.scss 文件中的 $color-theme 变量即可

主题已集成 highlight.js 代码高亮，目前只引入了部分语言，如需要支持其他语言，可自行在此文件替换 文件地址

友链链接管理使用说明：https://www.xuanmo.xin/details/3900

安装 Nodejs 环境，如果 Nodejs 环境已有可以忽略这一步

1. 需要在服务器安装 node 环境，需要大于 14，文档 node 版本为16.0.0推荐的版本，使用 wget 命令下载 Node.js 安装包，目录可以放在 root 目录，具体随意。该安装包是编译好的文件，解压之后，在 bin 文件夹中就已存在 node 和 npm，无需重复编译。wget https://nodejs.org/dist/v16.0.0/node-v16.0.0-linux-x64.tar.xz
2. 解压文件 tar xvf node-v16.0.0-linux-x64.tar.xz
3. 创建软链接，使 node 和 npm 命令全局有效。通过创建软链接的方法，使得在任意目录下都可以直接使用 node 和 npm 命令。

   ln -s /root/node-v16.0.0-linux-x64/bin/node /usr/local/bin/node
   ln -s /root/node-v16.0.0-linux-x64/bin/npm /usr/local/bin/npm

4. 到此已经安装完成，使用 node -v 查看 node 版本，使用 npm -v 查看版本号，如果出现正确版本号则安装成功，更多安装文档查看：https://help.aliyun.com/document_detail/50775.html?spm=5176.doc25426.6.655.kn1mB7

使用 npm 安装其他的全局命令

npm i -g yarn pm2 这条命令是全局安装 yarn 和 pm2(如果安装比较慢，可以使用淘宝镜像安装，npm i -g yarn pm2 --registry=https://registry.npmmirror.com，后续的安装都可以加上这个)，如果执行了这一步操作，提示 command not found: yarn 或者 command not found: pm2 ，可以使用下边两条命令：

ln -s /root/node-v16.0.0-linux-x64/bin/yarn /usr/local/bin/yarn
ln -s /root/node-v16.0.0-linux-x64/bin/pm2 /usr/local/bin/pm2

具体使用说明参考：

Nuxtjs + WordPress主题使用说明

文章来源：轩陌 / xm-nuxtjs-wordpress