关于本项目
该项目是由github上MingliangLu的开源项目修改而来,小程序前端完全重构,目前小程序只有微信小程序。该项目可以帮助您快速的将Typecho博客的内容映射到微信小程序上,搭建非常简单容易上手。
截图:
鸣谢及说明
项目插件:WeTypecho
该项目是在WeTypecho项目基础上修改重构而来的,前端虽然重构UI但是整体布局还是参照部分原有布局。原作者blog:https://2012.pro
富文本插件:towxml
该项目前端文章详情页使用的markdown解析插件为towxml开源项目,有需要的朋友可以去了解下
样式库:Color UI
该项目样式库使用的是Color UI,一个非常棒的样式及组件库,已用Color UI开发多个项目,建议大家去使用一下
感谢以上开发者无私的奉献
问题帮助
因为搭建非常简单,按照安装说明即可。如还未成功安装,请联系QQ:1403697854
更新
前端
v0.0.1
- 首页UI
- 排行UI
- 文章详情UI
计划更新
- 小程序页脚显示
- 用户授权登陆
- 文章详情点赞
- 文章详情评论
- 顶部banner跳转文章
- 文章分享转发
后端
v0.0.1
增加getAbout接口,用于获取关于文章详情
安装准备
小程序统一要求必须满足一下两个条件:
- 已备案的域名
- 域名已开启https
安装Typecho
如果你已经知道什么是Typecho,并且已经部署在你的网站上了,还需要做两件事:
- 设置固定链接
- 开启Https
如果你没有了解或搭建过Typecho,建议查看[自娱自乐]的博客:使用宝塔面板快速搭建Typecho个人博客
安装并设置WeTypecho插件
- 下载或clone项目:WxappForTypecho
- 将WeTypecho上传至服务器站点目录/usr/plugins目录下,然后进入Typecho后台插件管理(控制台->插件),启用WeTypecho插件,然后点设置
- 登陆小程序管理后台点击菜单 开发->服务器域名 配置服务器域名
- 下载微信开发者工具,并且导入clone的项目目录下的wxapp目录
- 在微信开开发者工具中打开app.js文件,找到config字段,修改其中的url字段值改为你的博客地址,apisec字段值改为任意字符(需与插件设置一致,否则无法读取数据)。
- 确认无误后,点击开发者工具上的上传按钮,上传代码,然后在小程序管理后台 管理->版本管理->开发版本 提交审核即可
站长:
你好!
我试了小程序,确实比较漂亮!
可是关于页面用不了,打不开,怎么办?
关于页面你需要自己去改变下请求的id就可以了
改哪个
wxapp/pages/user/index.js 修改第17行cid的值,改为你自己文章的id即可
还有不明白的微信联系就行哈
![about.png][1]
[1]: https://www.cpu52.com/usr/uploads/2020/02/875459940.png
哇,不错不错#(赞一个)
你好,我想知道要如何才能获取到那个openid呢
暂时还没写,一直没有顾得上弄,等过年闲了会抽空重写完善