搭建教程
1.源码及工具下载
HBulider X
开发工具:点击下载
微信小程序开发工具:点击下载
2.wordpress后台设置
2.1.安装
百度下载wordpress
最新版本
2.2.设置伪静态
![图片[1]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-75-1024x946.png)
2.3.设置固定链接
![图片[2]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-76-1024x230.png)
2.4.设置媒体裁剪为0
![图片[3]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-77.png)
3.设置SSL证书
宝塔后台
—-网站
—-设置
申请SSL证书
,选择Let's Encrypt
免费证书申请
![图片[4]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-78.png)
4.安装插件
下载源码
在目录中找到接口和插件
文件夹,wordpress
后台–插件
—上传
安装
分别安装fengrui-xingshu.zip
和PODS.zip
插件
![图片[5]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-79.png)
注意
如果出现存档不兼容
,请将fengrui-xingshu.zip
插件通过宝塔上传到wordpress
后台/wp-content/plugins
目录中解压
5.导入pods字段
7.1wordpress
后台设置pods菜单
—-组件
—-lmport/Export packages
![图片[6]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-80.png)
7.2点击lmport/Export packages
,上传pods.json
文件,上传成功刷新后台
![图片[7]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-81.png)
7.3.随后左边菜单就会多出一个基本配置
—-新建文章
—-关于我们
,小程序的基本配置全在这里
![图片[8]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-82-1024x438.png)
6.修改源码
在打开下载好的星宿UI
小程序前端源码放入HBuilder X
中
修改域名
域名修改在源码utils/http.js
修改
const baseUrl = 'https://www.frbkw.com';
修改App ID
小程序App id
在源码manifest.json
找到微信小程序ID
且修改
修改名称
在源码pages.json
中找到星宿UI-枫瑞博客
修改成你的(有2处)
7.运行调试
下载安装HBulider X
之后点击左上角点击偏好设置
—-设置
—–运行配置
—-配置相对于的开发工具路径
![图片[9]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-83-1024x339.png)
运行程序
hbuilder x 菜
单点击运行----运行到微信小程序
8.HBuilder X修改标识
如果是第一次请登录Hbuilder x用户点击manifest.json
文件基础配置
下的重新获取uni-app应用标识
![图片[10]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-84-1024x250.png)
如果之前已有应用标识请点击登录Hbuilder x用户点击manifest.json
文件最最下方源码视图
随后修改appid
保存
![图片[11]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-85-740x1024.png)
9.发布
HBuilder x
菜单点击发行
—-发行到微信小程序
小程序后台设置
—-开发设置
—-服务器域名
中添加request
域名
![图片[12]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-86.png)
由于小程序涉及保存图片到相册
和复制文字(剪切板)
,因此需要在小程序后台更新用户隐私协议
![图片[13]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-87.png)
在提交小程序审核时候需要选择涉及用户隐私
源码截图
![图片[14]-星宿UI-V3.4.1 个人博客小程序 带激励视频接口-博客喵](https://bkm.mistora.cc/wp-content/uploads/2024/10/image-4-738x1024.png)
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
暂无评论内容