# xm-nuxtjs-wordpress

**Repository Path**: garenx/xm-nuxtjs-wordpress

## Basic Information

- **Project Name**: xm-nuxtjs-wordpress
- **Description**: Nuxt.js + Wordpress REST API 主题；支持企业微信通知功能，全站前后端分离，自适应，白日、黑夜两种主题自动切换
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.xuanmo.xin/details/2987
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 61
- **Created**: 2023-08-17
- **Last Updated**: 2023-08-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Nuxt.js + WordPress

- 一款基于 WordPress + [Nuxtjs](https://nuxtjs.org) 开发的前后端分离主题
<p>
<a href="https://github.com/D-xuanmo/Nuxtjs-Wordpress">
  <img src="https://img.shields.io/badge/WordPress-V5.0+-0099CC.svg?logo=wordpress" alt="WordPress-Version">
</a>
<a href="https://github.com/D-xuanmo/Nuxtjs-Wordpress">
  <img src="https://img.shields.io/badge/PHP-V7.0+-666699.svg?logo=php" alt="PHP-Version">
</a>
<a href="https://gitee.com/D-xuanmo/xm-nuxtjs-wordpress">
  <img src="https://img.shields.io/badge/Gitee-码云-CC3333.svg?logo=gitee" alt="Gitee">
</a>
</p>

## 使用说明

- 主题详细部署说明：[https://www.xuanmo.xin/details/2987](https://www.xuanmo.xin/details/2987)
- `service` 目录为 wordpress 主题文件，需要拷贝到 wordpress 主题目录下，`wp-content/themes`
- 使用的时候请修改 `nuxt.config.js` 的配置项，改为自己的信息，修改注释的地方即可
- 修改 `assets/scss/variable.scss` 文件下的 `$color-theme` 变量，可以更换博客的主体风格
- 原创不易，希望能够保留右下角的主题作者
- 微信小程序版：[https://github.com/xuanmos/blog-miniprogram-wordpress](https://github.com/xuanmos/blog-miniprogram-wordpress)

## 主题特色

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

## 微信小程序版

![](https://upyun.xuanmo.xin/3490/20200622175708.jpg)

## 主题设置截图

![](https://upyun.xuanmo.xin/blog/xm-nuxt-wordpress-1.png)

![](https://upyun.xuanmo.xin/blog/xm-nuxt-wordpress-2.png)

![](https://upyun.xuanmo.xin/blog/xm-nuxt-wordpress-3.png)

## 本地启动

```bash
# install dependencies
$ yarn

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate
```

## 使用主题的站点

> 欢迎已经使用本主题的朋友提 pr

- [花开陌上](https://moshanghua.net)
- [黄良钵博客](https://huangliangbo.com)
- [Sufen Blog](https://blog.cm320.com)
- [Caid Blog](https://caidhome.cn)