【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

WP-VUE:首个免费的wordpress前后端分离主题

释放双眼,带上耳机,听听看~!

主题介绍

WP-VUE采用的是前后端分离设计,通过我自己写的API实现前端快速响应,这也是我写的第一个vue版本的Wordpress主题,从自学vue.js开始到这款Wordpress主题开发上线,其中的也是波折不断,庆幸自己没有放弃吧!首先看看截图预览

主题截图

WP-VUE:首个免费的wordpress前后端分离主题
WP-VUE:首个免费的wordpress前后端分离主题
WP-VUE:首个免费的wordpress前后端分离主题

演示地址

https://wv.topicnote.com/

主题大致介绍

  • 简单的博客布局
  • 包含登陆(暂未开发注册与社交登陆)
  • 用户中心(设置功能暂未完善)
  • 文章收藏、点赞、分享
  • 触底自动加载下一页
  • 文章发布、审核(使用:mavon-editor编辑器)
  • 后台一键设置
  • 首页幻灯片

前端使用

  • nodejs >= 6
  • axios
  • element-ui
  • mavon-editor
  • vue
  • vuex
  • vue-router
  • qs
  • nprogress
  • ……

主题安装教程

1、下载主题文件包并解压

2、将“Wordpress文件”文件夹里的主题上传至Wordpress后台

3、IDE中打开“vue文件”文件夹,并执行相关操作

  1. 终端打开,cd到相关目录
  2. 执行:npm install
  3. 更改域名配置,打开webpack.config.js,更改devServer下的API域名
  4. 打开src/libs/axiosTool.js 并更改axios.defaults.baseURL默认的请求地址
  5. 开发模式(本地调试使用):npm run dev
  6. 生产模式:npm run build,执行后即可打包文件
  7. 打包完成后会生成一个dist文件夹,将里面的所有内容上传即可

域名说明,你可以选择后台安装一个域名,也可以安装在一个域名下,安装完成后需配置静态规则

location / {
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
}

location /api {
   proxy_pass https://yousite.com/api/v2;
}

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限,变更IP地址可能会使下载权限失效 您有每天免费下载资源次的特权,今日剩余

给TA买糖
共{{data.count}}人
人已赞赏
wordpress主题

RiPro-V2主题:功能强大且拥有多种布局的wordpress资源下载站主题

2021-8-1 19:46:40

wordpress主题

november:wordpress轻社区淘宝客主题

2021-8-27 17:26:48

兴趣领域微信公众号
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索