搭建效果演示:在文章末尾可查看
以下内容引自官方文件手册:
1.源码及工具下载
HBulider X App开发版:https://www.dcloud.io/hbuilderx.htmlopen in new window
微信小程序开发工具:稳定版 Stable Build | 微信开放文档
2.修改源码
在打开下载好的星宿UI小程序前端源码中
#修改域名
域名修改在源码components/api.js中修改
export const API = 'https://www.frbkw.com/';
#修改App ID
小程序App id在源码manifest.json中找到微信小程序ID修改
#修改名称
在源码pages.json中找到星宿UI-枫瑞博客修改成你的(有2处)
about.vue页面中,修改“关于我们”页面的标题
3.Hubider X配置
下载安装好HBulider X 之后点击左上角点击偏好设置设置—–运行配置—-配置相对于的开发工具路径(windows大家自己找找,QQ小程序也是一样)
#运行程序
hbuilder x 菜单点击运行----运行到微信小程序
4.wordpress后台设置
1.安装
百度下载和wordpress最新版本
2.设置伪静态
3.设置固定链接
4.设置媒体裁剪为0
5.设置SSL证书
可是服务商地方申请SSL证书,或者后台宝塔后台一键申请
6.安装插件
(
具体说明可阅读插件
wordpress----插件----上传fengrui-xingshu.zip插件
wordpress----插件----上传pods.zip插件
wordpress----插件----上传Chine-yes.zip插件(下载地址:https://a1.wp-china-yes.net/apps/wp-china-yes.zipopen in new window)
7.导入pods字段
7.1打开pods.html文件,复制代码;随后后台设置pods菜单----组件----安装Migrate: Packages
7.2点击migrate packages,点击导入粘贴我们的代码
7.3.随后左边菜单就会多出一个基本配置----点开是一个关于我们----选择编辑;就可以编辑我们关于界面的内容,下滑就是其他配置的字段;资源下载和文章是否需要激励在编辑文章中可看到
9.评论
9.1.打开宝塔后台打开左侧数据库
9.2.找到你的对应的数据库,点击“管理”打开数据库管理界面
9.3.展开左侧+号,找到wp_comments数据表点击表名
9.4.点击顶部的结构,打开表结构设计界面
9.5.找到comment_agent的“修改”
9.6.将长度/值改为2000,最后点保存
10.其他说明
10.1.金刚区导航信息修改方法
打开wordpress文件目录/wp-content/plugins/fengrui-xingshu/,修改以下文件:
10.2 修改友情链接:fengrui-friend.php
10.3 修改导航图标及文字:fengrui-dstrict.php
10.4 修改公众号焦点文章:fengrui-watch.php
10.5. 首页分享功能中的图片配置方法
修改分享海报:wordpress后台--》基础配置--》微信端分享海报
10.6.“关于我们”模块展示图片
配置方法:wordpress后台--》基础配置--》小程序LOGO
打包发布
hbuilder x 菜单点击发行----发行到微信小程序
写在最后
以上部署说明引自《枫瑞博客》,向官方各位大佬致敬!
通过这次1.7版本的分析,官方版本中其实还有些细节问题没有处理,大家如果有需要,可以使用优化补充后的《轻蜂学堂》版本,可以扫码下方文章中的小程序码体验。
具体优化内容可在这里查看:
星宿UI升级,1.5升级至1.7(轻蜂学堂版) - 创业教程 - 清蜂学堂 - Powered by Discuz!
效果演示: