一款基于 WordPress + Nuxtjs 开发的前后端分离免费主题(附演示站)
主题特色
- 主题支持自动切换白天、黑夜模式
- 支持企业微信评论通知
- 全站无刷新加载
- 文章点赞、打赏功能
- 评论点赞、无刷新提交、丰富的表情包
- 自动百度链接提交
微信小程序版
小程序版源码:https://github.com/D-xuanmo/blog-miniprogram-wordpress
主题设置截图
轩陌主题演示站:
主题下载
源码地址: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 环境已有可以忽略这一步
- 需要在服务器安装 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
- 解压文件
tar xvf node-v16.0.0-linux-x64.tar.xz
- 创建软链接,使 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
- 到此已经安装完成,使用
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主题使用说明
文章作者:主机博客
文章标题:一款基于 WordPress + Nuxtjs 开发的前后端分离免费主题(附演示站)
文章地址:https://www.hostblog.cn/209.html
文章版权:
主机博客所发布的内容,部分为原创,转载请注明来源,网络转载文章如有侵权请联系我们!
THE END