WP-VUE是一款基于Vue.js開發(fā)的WordPress前后端分離博客主題，由開發(fā)者自學Vue后獨立完成。主題采用nodejs、axios、element-ui等技術棧，具有文章收藏、點贊、自動加載等功能。目前版本部署復雜，不支持SEO優(yōu)化，推薦嘗鮮體驗。安裝需熟悉vue-cli和npm，包含WordPress文件和vue文件兩部分，需分別上傳和配置。主題免費下載但問題解決需付費，開發(fā)者提供了詳細的安裝說明和域名配置指南。
WP-VUE采用的是前后端分離設計，通過我自己寫的API實現(xiàn)前端快速響應，這也是我寫的第一個vue版本的Wordpress主題，
- 主題介紹：詳情
從自學vue.js開始到這款Wordpress主題開發(fā)上線，其中的也是波折不斷，慶幸自己沒有放棄吧！首先看看截圖預覽
注意
此主題目前部署復雜，且無法進行有利于SEO的操作，推薦嘗鮮體驗
主題大致介紹
- 簡單的博客布局
- 包含登陸（暫未開發(fā)注冊與社交登陸）
- 用戶中心（設置功能暫未完善）
- 文章收藏、點贊、分享
- 觸底自動加載下一頁
- 文章發(fā)布、審核（使用：mavon-editor編輯器）
- 后臺一鍵設置
- 首頁幻燈片
前端使用
- nodejs >= 6
- axios
- element-ui
- mavon-editor
- vue
- vuex
- vue-router
- qs
- nprogress
- ……
下載與安裝
wp-vue主題免費開發(fā)下載使用，解決相關問題需付費
安裝wp-vue主題首先確保你熟悉vue-cli與npm相關知識
1、下載主題文件包并解壓
2、將“Wordpress文件”文件夾里的主題上傳至Wordpress后臺
3、IDE中打開“vue文件”文件夾，并執(zhí)行相關操作
- 終端打開，cd到相關目錄
- 執(zhí)行：
npm install - 更改域名配置，打開
webpack.config.js，更改devServer下的API域名 - 打開
src/libs/axiosTool.js?并更改axios.defaults.baseURL默認的請求地址 - 開發(fā)模式（本地調試使用）：
npm run dev - 生產(chǎn)模式：
npm run build，執(zhí)行后即可打包文件 - 打包完成后會生成一個
dist文件夾，將里面的所有內容上傳即可
域名說明，你可以選擇后臺安裝一個域名，也可以安裝在一個域名下，安裝完成后需配置靜態(tài)規(guī)則
location / {
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass https://yousite.com/api/v2;
}補充
此主題使用較為復雜，可留言，
