系统:zblog(微信)

主题:青春小程序

版本:1.0



搭建准备

1.域名(已备案,需配置https)

2.服务器/主机/空间(支持https)

3.已注册微信小程序账号

4.已搭建zblog网站

5.青春主题程序包

6.zblog ONE小程序插件


域名注册 ​​from=console">https://cloud.tencent.com/act/cps/redirect?redirect=1069&cps_key=df21697c67b66ff750ec30c5547f1edb&from=console​

服务器购买(1核2G 99/年) ​​from=console">https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=df21697c67b66ff750ec30c5547f1edb&from=console​

zblog下载安装 ​​https://www.zblogcn.com/​


微信小程序注册(注册选择个人/小程序) ​​https://mp.weixin.qq.com/​

小程序开发工具 ​​https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html​


以上准备好以后,我们开始搞事情吧!

首先,登录自己的网站后台,将 青春小程序插件.zba 上传至后台插件并开启

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_微信小程序

接着在微信小程序后台管理 - 开发管理 - 开发设置 - 服务器域名 - request合法域名  添加上你自己的网站域名(必须https、已备案)

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_zblogapp_02

接着打开 微信开发者工具,将 qinghua 文件导入进去

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_zblog_03

接着在开发工具右上角 详情 修改APPID 和 项目名称

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_小程序源码_04

APPID 我们需要在小程序后台管理 设置 找到复制即可

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_微信小程序_05

继续在开发者工具中,找到导入项目中的utils文件下的https.js,修改域名即可

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_zblogapp_06

修改完成,我们在开发工具右上角  点击上传

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_zblog小程序_07

再发布之前,我们在网站后台管理 - 插件管理 - 青春小程序设置

设置对应的 热门推荐文章id,分类id,轮播图id,过滤文章或分类id即可。

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_zblog小程序_08

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_小程序源码_09

设置好以后,我们可以先预览下小程序,看是否显示正常;

正常后,我们在小程序后台管理 - 版本管理 - 提交审核

Zblog小程序(zblog开源小程序使用教程)【zblog青春小程序】_zblog_10

审核成功以后,发布即可。

这样我们就将一个小程序完完整整上线咯!