说明:该设置步骤主要基于星宿UI微信小程序开发者枫瑞博客网的上手文档,并针对Star UI插件的使用进行略微删改,非插件版小程序请点击访问原教程。
1. 下载小程序源码及工具
小程序源码:星宿UI2.4.2-插件版
HBulider X App开发版:点击下载
微信小程序开发工具:点击下载
2. 修改小程序源码
下载解压小程序源码,将解压后的文件夹放入HBuilder X中,然后在源码components/api.js中修改域名为自己小程序关联域名。
export const API = 'https://www.frbkw.com/';
在源码manifest.json中找到微信小程序ID修改为自己小程序ID,在源码pages.json中找到 星宿UI-枫瑞博客 修改成你的小程序名称(有2处)。
3. 配置Hubider X
3.1 下载安装好HBulider X 之后点击左上角:工具→设置→运行配置→微信开发者工具路径,将微信开发者工具安装路径复制到里面,例如:
D:/Win10/微信web开发者工具
3.2 HBulider X 菜单点击:运行→运行到微信小程序;
3.3 如果是第一次请登录Hbuilder X的用户,点击manifest.json文件基础配置下的重新获取uni-app应用标识,如果之前已有应用标识请点击登录Hbuilder X用户点击manifest.json文件最最下方源码视图,随后修改appid并保存。
4. 设置wordpress后台
4.1 设置伪静态;
4.2 设置固定链接;
4.3 设置媒体裁剪为0;
4.4 设置→讨论→取消“评论者必须填入名字和电子邮箱地址”选项。
5. 设置SSL证书
在服务商地方申请SSL证书,不要在后台宝塔后台一键申请
6. 安装并设置Star-UI WordPress插件
点击下载 Star-UI WordPress插件,安装并启用。在Wordpress后台打开Star UI菜单,依次点击进行全局设置;打开文章分类菜单,设置文章分类封面及是否置顶;打开单篇文章,对该文章进行基础设置和下载设置。
7. 发布
H Builder X菜单点击:发行→发行到微信小程序。