# xm-nuxtjs-wordpress

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

## Basic Information

- **Project Name**: xm-nuxtjs-wordpress
- **Description**: vue的服务端渲染框架nuxtjs实战
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.xuanmo.xin
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 61
- **Created**: 2020-09-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# xm-nuxt-wordpress

> 使用[Nuxtjs](https://nuxtjs.org) + [Wordpress Rest Api](https://developer.wordpress.org/rest-api/)实现前后端分离，服务端渲染页面

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