0.页面预览
注意
星宿V2.X版本文档和代码已经不在提供维护，建议老版本升级星宿V3.0，当然如果你个人主体以及有十分多的流量稳妥暂时不升级为好
1.源码及工具下载
HBulider X App开发版:https://www.dcloud.io/hbuilderx.html
微信小程序开发工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
小程序源码：点击下载
2.wordpress后台设置
4.1.安装
百度下载wordpress最新版本
4.2.设置伪静态
4.3.设置固定链接
4.4.设置媒体裁剪为0
3.设置SSL证书
宝塔后台-—网站-—设置申请SSL证书
4.安装插件
下载源码在目录中找到接口和插件文件夹，wordpress后台–插件--上传安装
wordpress-—插件-—上传fengrui-xingshu.zip插件
注意
如果出现存档不兼容，请将fengrui-xingshu.zip插件通过宝塔上传到wordpress后台/wp-content/plugins目录中解压
wordpress-—插件-—上传PODS.zip插件
5.导入pods字段
7.1wordpress后台设置pods菜单-—组件-—lmport/Export packages
7.2点击lmport/Export packages，上传pods.json文件
7.3.随后左边菜单就会多出一个基本配置-—新建文章-—关于我们，小程序的基本配置全在这里
6.修改源码
在打开下载好的星宿UI小程序前端源码放入HBuilder X中
修改域名
域名修改在源码utils/http.js修改
js
const baseUrl = 'https://www.frbkw.com';修改App ID
小程序App id在源码manifest.json找到微信小程序ID且修改
修改名称
在源码pages.json中找到星宿UI-枫瑞博客修改成你的（有2处）
7.运行调试
下载安装HBulider X 之后点击左上角点击偏好设置-—设置—–运行配置—-配置相对于的开发工具路径
运行程序
hbuilder x 菜单点击运行----运行到微信小程序
8.HBuilder X修改标识
如果是第一次请登录Hbuilder x用户点击manifest.json文件基础配置下的重新获取uni-app应用标识
如果之前已有应用标识请点击登录Hbuilder x用户点击manifest.json文件最最下方源码视图 随后修改appid保存
9.发布
HBuilder x 菜单点击发行-—发行到微信小程序
微信小程序后台设置-—开发设置-—服务器域名中添加request域名
基本配置
轮播图
wordpress后台基本配置里面，添加需要轮播的文章id
公告 紧急弹窗
滚动公告
紧急弹窗
全局弹窗
弹窗Url访问
用于全局弹窗点击确定反问其他页面，目前支持微信公众号，业务域名，二级页面
小程序logo
输入图片地址需要https协议
金刚区
需要按以下格式添加，不要的部分留空不可删除
json
格式：
{"title": "标题", "type": "类型", "appid": "小程序ID","route":"页面地址","himg":"图标地址"}
事例：
{"title": "视频号", "type": "xs_wxvideo_activity", "appid": "sphZH1MCAzuup7O","route":"export/UzFfAgtgekIEAQAAAAAAkmgZ-dnzgQAAAAstQy6ubaLX4KHWvLEZgBPEvqEYVUZGRauDzNPgMJqd9yLzTJ4xAM85VZ0MYmrr","himg":"/static/index/dstrict-1.svg"}金刚区类型
-
xs_default：跳二级页面 -
xs_tab：跳转底部导航 -
xs_program：跳转小程序 -
xs_business：跳转web -
xs_wxvideo_activity：打开视频号视频（appid：输入视频号id，以“sph”开头的id，route：视频feedId，就是视频链接） -
xs_bilibli：跳转b站小程序，appid参数是AV号，在PC端的播放页面打开F12输入aid即可获得
首页顶部分类
输入分类id存在多个请用英文逗号隔开
公众号文章
需要按以下格式添加，不要的部分留空不可删除
json
格式：
{"title": "标题", "hurl": "Url地址", "himg": "封面图片https协议"}
事例：
{"title": "一本不同的张嘉佳《天堂旅行团》读后感", "hurl": "https://cdn.frbkw.com/wp-center/uploads/2021/11/1638271775-202111301930.jpg"}首页图文样式
- 1.扁平图标（默认值）
- 2.大图模式
选择不显示的分类
请输入不显示分类id，多个使用英文逗号隔开
专题分类页面样式
- 1.默认一级
- 2.显示二级分类 首先得在
wordpress后台基本配置内容下选择专题分类显示样式为二级分类，在后台分类编辑中设置好一级二级菜单(父级子级菜单) ()
小程序分享标题
小程序右上角分享的标题
小程序分享图片
小程序右上角分享中心图片
公众号名称
请输入关注微信公众号名称
公众号logo
请输入关注微信公众号头像地址
公众号二维码
请输入关注微信公众号文章链接
微信激广告
微信广告ID
一键复制
开启后资源下载Url会变成随机64位编码，同时支持点击按钮复制真正的地址
分类专题
分类样式
分类列表顺序可以在wordpress后台安装simple custom post order插件拖拽改变顺序(感谢Andreas提供帮助)
封面
wordpress后台—-分类列表里面，选择对应的分类点击编辑就可以看到填写图片地址
置顶
wordpress后台—-分类列表里面，选择对应的分类点击编辑就可以看到是否置顶分类的按钮
搜索
标签
随机出现
文章详情
文章阅读方式
- 0正常阅读(默认值)
- 1跳转公众号
- 2跳转资源下载
- 3跳转视频号
- 4跳转b站
文章公告弹窗
文章的公告弹窗内容
文章激励视频阅读
请选择文章是否关闭激励视频阅读（默认不开启，最好选择一些直接下载，不然首页面审核提示强制广告）
资源激励视频下载
请选择资源下载是否需要激励视频（最好选择一些直接下载，不然资源页面审核提示强制广告）
资源名称
资源下载名称标题
资源下载方式
- 1.显示下载链接(默认值)
- 2.小程序直接下载文件
网盘地址
资源下载地址
提取码
盘下载提取码
文件下载地址
当值为1的时候使用小程序下载功能下载地址需要在微信小程序后台添加合法的下载域名，文件下载完成之后会提示转发好友，这样我们就可以得到下载的文件
文件下载格式
文件格式，例如：zip
视频号id
视频号助手中获取，以sph开头的id
视频号feedId
视频 feedId 就是视频链接
B站视频
在PC端的播放页面打开F12输入aid即可获得，或者通过其他的接口等方法
DIY 首页金刚区
金刚区type值星宿中有6种定义分别为：
ts
1.xs_default 默认值跳二级
2.xs_tap 跳转底部导航 (感谢B站大佬`老夫的仙女梦er`反馈错误)
3.xs_program 跳转小程序
4.xs_business 跳转业务域名请在route填写网站地址
5.xs_wxvideo_activity 打开某个视频号视频
6.xs_bilibli跳转b站小程序，appid参数是AV号，但b站目前只有显式的BV号。获取视频的号，在PC端的播放页面打开F12输入aid即可获得跳文章详情
在基本配置-–金刚区中可配置跳转文章详情
json
格式：
{"title": "标题", "type": "xs_default", "appid": "","route":"/pages/data/data?id=文章ID","himg":"图标地址"}
事例：
{"title": "星宿V3.0", "type": "xs_default", "appid": "","route":"/pages/data/data?id=4247","himg":"https://www.frbkw.com/xingsu.png"}跳分类列表
在基本配置-–金刚区中可配置跳分类列表
json
格式：
{"title": "标题", "type": "xs_default", "appid": "","route":"/pages/list/list?catepos=分类ID","himg":"图标地址"}
事例：
{"title": "Uni-apps", "type": "xs_default", "appid": "","route":"/pages/list/list?catepos=147","himg":"https://www.frbkw.com/xingsu.png"}跳转web-view
在基本配置-–金刚区中可配置跳网页，个人小程序能跳转公众号，企业可以跳业务域名；
json
格式：
{"title": "标题", "type": "xs_business", "appid": "","route":"公众号文章地址","himg":"图标地址"}
事例：
{"title": "规划", "type": "xs_business", "appid": "","route":"https://mp.weixin.qq.com/s/WSb53WO_Em4F81khimsbBw","himg":"/static/index/dstrict-2.svg"}跳转小程序
在基本配置-–金刚区中可配置跳转小程序；route可以留空，留空默认跳转首页，它也可以跳转详情页面只需要写页面地址和参数
json
格式：
{"title": "标题", "type": "xs_program", "appid": "小程序ID","route":"","himg":"图标地址"}
事例：
{"title": "规划", "type": "xs_program", "appid": "wx770bd62bc4ca8c7b","route":"","himg":"/static/index/dstrict-2.svg"}视频号
在基本配置-–金刚区中可配置跳转视频号；appid：输入视频号id，以“sph”开头的id，route：视频feedId，就是视频链接
json
格式：
{"title": "标题", "type": "xs_wxvideo_activity", "appid": "小程序ID","route":"","himg":"图标地址"}
事例：
{"title": "视频号", "type": "xs_wxvideo_activity", "appid": "sphZH1MCAzuup7O","route":"export/UzFfAgtgekIEAQAAAAAAkmgZ-dnzgQAAAAstQy6ubaLX4KHWvLEZgBPEvqEYVUZGRauDzNPgMJqd9yLzTJ4xAM85VZ0MYmrr","himg":"/static/index/dstrict-1.svg"}跳转B站
在基本配置-–金刚区中可配置跳转B站；在PC端的播放页面打开F12输入aid即可获得，或者通过其他的接口等方法
json
格式：
{"title": "标题", "type": "xs_program", "appid": "视频aid号","route":"","himg":"图标地址"}
事例：
{"title": "B站", "type": "xs_program", "appid": "512196103","route":"","himg":"/static/index/dstrict-2.svg"}域名添加
我们小程序发起的请求域名是需要备案，且支持SSl证书，在微信小程序后台 设置----开发设置----服务器域名中添加request域名记录
客服
微信小程序客服如何回复消息
首先需要在微信小程序后台配置客服微信号
网页客服回复消息：https://mpkf.weixin.qq.com/
微信小程序回复消息
公众号文章
小程序打通微信公众号文章，微信在公众号文章地址需要在手机上复制，电脑端复制无效
导读
星宿V3.0之后如果需要设置一个后台运行多个程序或者多平台，只需要在wordpress后台-—基本配置-—新增about
小程序前端源码需修改配置文字的索引值
我们需要明白一个后台配置多个程序，他们最终只是配置文件差异，详细阅读本章节会让你一语道破，文字十分难说清楚等待视频更新
微信端
微信端是最近兼容的一个，初开发也是以微信为基础，需要多个微信端只需要安导读部分操作即可
抖音端
开发中
百度端
开发中