WP-VUE采用的是前后端分離設計,通過我自己寫的API實現前端快速響應,這也是我寫的第一個vue版本的Wordpress主題,
從自學vue.js開始到這款Wordpress主題開發上線,其中的也是波折不斷,慶幸自己沒有放棄吧!首先看看截圖預覽

注意
此主題目前部署復雜,且無法進行有利于SEO的操作,推薦嘗鮮體驗
主題大致介紹
- 簡單的博客布局
- 包含登陸(暫未開發注冊與社交登陸)
- 用戶中心(設置功能暫未完善)
- 文章收藏、點贊、分享
- 觸底自動加載下一頁
- 文章發布、審核(使用:mavon-editor編輯器)
- 后臺一鍵設置
- 首頁幻燈片
前端使用
- nodejs >= 6
- axios
- element-ui
- mavon-editor
- vue
- vuex
- vue-router
- qs
- nprogress
- ……
下載與安裝
wp-vue主題免費開發下載使用,解決相關問題需付費
安裝wp-vue
主題首先確保你熟悉vue-cli
與npm
相關知識
1、下載主題文件包并解壓

2、將“Wordpress文件”文件夾里的主題上傳至Wordpress后臺
3、IDE中打開“vue文件”文件夾,并執行相關操作
- 終端打開,cd到相關目錄
- 執行:
npm install
- 更改域名配置,打開
webpack.config.js
,更改devServer
下的API域名 - 打開
src/libs/axiosTool.js
?并更改axios.defaults.baseURL
默認的請求地址 - 開發模式(本地調試使用):
npm run dev
- 生產模式:
npm run build
,執行后即可打包文件 - 打包完成后會生成一個
dist
文件夾,將里面的所有內容上傳即可
域名說明,你可以選擇后臺安裝一個域名,也可以安裝在一個域名下,安裝完成后需配置靜態規則
location / {
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass https://yousite.com/api/v2;
}
補充
此主題使用較為復雜,可留言,
怎么下載
現在補上了,可以試試哦