8

微信小程序成功过审!

微信小程序成功过审!

关于项目

该项目是由 github 上 MingliangLu 的开源项目修改而来,小程序前端由LoveEmpathy完全重构,我拿到手后又整合了网络上各个版本的几处亮点,目前小程序只有微信小程序。该项目可以帮助您快速的将 Typecho 博客的内容映射到微信小程序上,搭建非常简单容易上手。

扫码预览

微信小程序成功过审!

插件说明

项目插件:WeTypecho

该项目是在 WeTypecho 项目基础上修改重构而来的,前端虽然重构 UI 但是整体布局还是参照部分原有布局。原作者 blog:https://2012.pro

富文本插件:towxml

该项目前端文章详情页使用的 markdown 解析插件为 towxml 开源项目,有需要的朋友可以去了解下

样式库:Color UI

该项目样式库使用的是 Color UI,一个非常棒的样式及组件库,建议大家去使用一下

感谢以上开发者无私的奉献

问题帮助

因为搭建非常简单,按照安装说明即可。如还未成功安装,为防止骚扰,请关注微信公众号[xvkes_cn]提问


安装准备

小程序统一要求必须满足以下两个条件:

1.已备案的域名
2.域名已开启 https

安装 Typecho

如果你已经知道什么是 Typecho,并且已经部署在你的网站上了,还需要做两件事:

1.设置固定链接
2.开启 Https

安装并设置 WeTypecho 插件

  1. 下载或 clone 项目:XCXForTypecho
  2. 将 WeTypecho 上传至服务器站点目录 /usr/plugins 目录下,然后进入 Typecho 后台插件管理 (控制台 -> 插件),启用 WeTypecho 插件,然后点设置微信小程序成功过审!
  3. 登陆小程序管理后台点击菜单 开发 -> 服务器域名 配置服务器域名
  4. 下载微信开发者工具,并且导入 clone 的项目目录下的 WXxcx 目录
  5. 在微信开开发者工具中打开 app.js 文件,找到 config 字段,修改其中的 url 字段值改为你的博客地址,apisec 字段值改为任意字符 (需与插件设置一致,否则无法读取数据)。
  6. 确认无误后,点击开发者工具上的上传按钮,上传代码,然后在小程序管理后台 管理 -> 版本管理 -> 开发版本 提交审核即可


文|