# xm-nuxtjs-wordpress

**Repository Path**: qiangai/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**: 2021-12-04
- **Last Updated**: 2021-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Nuxt.js + WordPress

## 主题特色

1. 使用[Nuxtjs](https://nuxtjs.org) + [Wordpress Rest Api](https://developer.wordpress.org/rest-api/) 实现前后端分离，可完成多端部署；
1. 主题支持自动切换黑夜模式。

## 使用说明

> `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)

## 微信小程序版

![](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)

## Build Setup

``` 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)