WordPress子比主题微信小程序源码下载（含接口插件+图文搭建教程）

这是一套可直接用「微信开发者工具」导入运行的 WordPress 微信小程序原生源码，专为子比（Zibll）主题资源站打造，本站（新U初）同款。无需任何前端框架，数据通过 WordPress 官方 REST API 读取，并附带一个接口增强插件，装好即可用。

一、资源信息

项目	说明
资源名称	新U初 · WordPress 子比主题微信小程序源码
支持程序	WordPress 5.x+；子比 Zibll 主题（其他 WP 主题同样可用，浏览量等字段以子比为准）
运行端	微信小程序（原生）/ 微信开发者工具
数据接口	WordPress REST API（/wp-json/wp/v2）+ 配套接口增强插件
后台/框架	无需 Node、无需编译，纯原生小程序
语言	简体中文
版本	v1.0

二、功能清单

• 首页：品牌头部 + 搜索入口 + 分类胶囊切换 + 文章信息流，支持下拉刷新、上拉自动分页；
• 分类页：网站源码 / 网站插件 / 单机游戏 / 网站技术 分类目录网格，点击进入对应文章流；
• 搜索页：关键词搜索 + 本地搜索历史 + 结果分页；
• 文章详情：封面、标题、作者/分类/日期/浏览量、富文本正文（图片自适应、代码块与引用块样式）、分享好友/朋友圈、一键复制链接跳转网页版；
• 关于页：站点 Logo、简介、分类入口、网址、版权；
• 已适配子比：无特色图时自动取「正文首图 → 站点品牌封面」，直接读取子比浏览量（views）、点赞（like）；
• 内置底部 Tab 图标（首页/分类/搜索/关于，普通灰 + 选中红）。

三、安装包内容

xinuchu-miniprogram/
├── app.js / app.json / app.wxss      全局逻辑、路由、底部导航、全局样式
├── project.config.json               工程配置（已设为开发期不校验域名）
├── utils/config.js                   ★ 站点地址配置（主要改这里）
├── utils/api.js / utils/util.js      接口封装、富文本清洗、格式化
├── components/post-card/             文章卡片组件
├── pages/index|category|search|detail|about/   五个页面
├── images/                           底部 Tab 图标
└── wp-plugin/xinuchu-mp-api.php      WordPress 接口增强插件

四、搭建教程

第 1 步：安装 WordPress 接口增强插件

1. 解压源码包，找到 wp-plugin/xinuchu-mp-api.php；
2. 方式一（后台）：把该文件放进一个名为 xinuchu-mp-api 的文件夹，压缩成 zip，在 WP 后台「插件 → 安装插件 → 上传插件」安装并启用；
   方式二（FTP/宝塔）：上传到 wp-content/plugins/xinuchu-mp-api/ 目录后在后台启用；
3. 验证：浏览器访问 https://你的域名/wp-json/xinuchu/v1/init，能返回站点名和分类列表即成功。

该插件仅做只读增强：补充缩略图、纯文本摘要、浏览量、点赞、评论数、分类等字段，不改动任何原有数据。

第 2 步：导入微信开发者工具

1. 下载安装「微信开发者工具（稳定版）」；
2. 打开后选择「小程序 → 导入项目」，目录选择解压后的 xinuchu-miniprogram 文件夹；
3. AppID：没有正式 AppID 可先选「测试号 / touristappid」预览；正式发布请填写在微信公众平台申请的小程序 AppID（同步修改 project.config.json 里的 appid）；
4. 若站点暂时是 HTTP：右上角「详情 → 本地设置」勾选「不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书」，即可在工具内正常加载。

第 3 步：修改站点地址

打开 utils/config.js，把 baseUrl 改成你自己的 WordPress 地址（结尾不要带斜杠）：

baseUrl: 'http://www.oue.cc',   // 改成你的域名；上线时改为 https://
defaultThumb: '...',            // 无图时的默认封面
logo: '...'                     // 站点 Logo

第 4 步：真机预览与正式发布（HTTPS 必做）

微信小程序正式版/真机版强制 HTTPS，纯 HTTP 只能在开发者工具里勾选“不校验域名”本地预览。正式发布前：

1. 为站点配置 HTTPS（宝塔面板可一键申请 Let’s Encrypt 免费证书）；
2. 登录微信公众平台 →「开发管理 → 开发设置 → 服务器域名」，添加：
   • request 合法域名：https://你的域名
   • downloadFile 合法域名：https://你的域名（文章图片需要）
3. 把 config.js 的 baseUrl 改为 https://，重新预览 → 上传 → 提交审核。

五、正文与交互说明

• 详情正文使用小程序原生 rich-text 渲染，已对图片、代码块、引用块做自适应，能满足绝大多数文章阅读；
• 子比的下载按钮、付费/回复可见、点赞、评论、用户中心等强交互在小程序内不还原（rich-text 不支持脚本），详情页提供「复制链接 / 在浏览器打开完整版」入口；
• 若要小程序内 100% 还原网页，可把详情页改为 web-view 组件，但要求已备案的 HTTPS 业务域名且小程序为企业/组织主体（个人主体不支持）。

六、个性化修改

• 主题色：同时修改 utils/config.js 的 themeColor、app.wxss 的 --theme、app.json 中 tabBar 的 selectedColor；
• 分类图标：编辑 pages/category/category.js 顶部的 ICONS（按分类 slug 配置 emoji）；
• Tab 图标：替换 images/tab-*.png 同名文件（81×81px，单张 ≤40KB）；
• 关于页文案/版权：编辑 pages/about/about.wxml。

七、常见问题

• 列表没有图片：文章未设特色图且正文无图时，会显示 config.js 中的 defaultThumb 默认封面；
• 请求失败 / 一直加载：开发期检查是否勾选“不校验合法域名”；正式期检查是否已 HTTPS 并配置服务器域名；
• 分类或浏览量不显示：确认 xinuchu-mp-api 插件已启用；插件缺失时小程序会自动回退到标准接口（此时无浏览量/缩略图增强字段，但文章仍可浏览）；
• 个人主体能否发布：阅读类小程序一般可以，但资源下载/社区类目可能需要补充资质，具体以微信审核为准。

八、更新日志与声明

v1.0（2026-09-18）：首发版本，含首页/分类/搜索/详情/关于五个页面、文章卡片组件、接口增强插件与底部 Tab 图标。

请确保小程序内展示与分发的资源、源码、游戏均拥有合法授权或符合其许可协议；本源码仅供学习交流使用。