一款基于 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

    THE END