得劲

一个开源微信小程序版Typecho---WeTypecho
今天刚睡醒就发现loc的大佬分享了一个微信小程序版的Typecho,先记录下来等工作日了打算试试.周末提交小程序审...
扫描右侧二维码阅读全文
11
2018/08

一个开源微信小程序版Typecho---WeTypecho

今天刚睡醒就发现loc的大佬分享了一个微信小程序版的Typecho,先记录下来等工作日了打算试试.周末提交小程序审核据说要工作日才能通过,就暂时先不折腾了.
原帖地址:[开源]WeTypecho:微信小程序版Typecho

简介

WeTypecho则能帮您快速搭建微信小程序,将Typecho博客的内容映射到微信小程序。 帮助您在一定程度上获取更多来自微信的流量。WeTypecho的安非常简单,只需三分钟,就能搭建。
还包含MJJ最喜欢的探针功能。

功能

目前支持的基本功能如下:
首页预览置顶文章
评论,回复,点赞
转发,分享到朋友圈
服务器资源监控
图片视频显示
支持markdown,html解析

预览图片

WeTypecho

安装

安装须知

微信官方规定必须满足以下两个条件才能上线小程序:

1.域名已备案
2.域名开启Https

第二条很容易满足,但是如果域名没备案,微信是不允许你的小程序上线的。

通过已备案域名进行反代站点也可以解决.

安装Typecho

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

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

安装并设置WeTypecho插件

先下载WeTypecho
然后将根目录下的we-typecho-plugin上传至/usr/plugins目录下。
将we-typecho-plugin文件夹重命名为WeTypecho,注意大小写,否则可能不能使用
然后进入Typecho后台插件管理(控制台->插件),启用WeTypecho插件,然后点设置:

上面写的都很清楚了,唯一一点可能不太明确
就是API密钥,这个是你自己设置的,用于防止恶意请求。需要与小程序代码端的设置一致
否则可能无法访问,这个后面会提到。

小程序端配置

下载的根目录下的Wetypecho文件夹就是小程序的源代码
1.进入Wetypecho目录,根目录下有一个config.js,打开编辑
将domain设置为你的域名,不需要加http 或者 https://.
name修改为你的网站名称,用于小程序页脚显示。
API_SECRET必须与WeTypecho插件中的API密钥配置一样
保存关闭。
2.然后打开根目录下的app.json
修改NavigationBarTitleText这个值保存。
3.然后打开Template目录下的foot.wxml
修改页脚版权.
至此小程序端的配置就完成了。
4.然后去微信官方小程序平台,设置->开发设置,服务器域名;
将你的域名添加进去,如果你的图片等资源存放的地址不是你上面设置的域名,还需要将你的图片资源域名添加进去,否则小程序端可能无法显示资源。反代域名方法参考下面相关文章
5.用微信开发者工具打开WeTypechowetypecho目录,就能正常使用了。

相关链接

项目地址

GitHub - MingliangLu/WeTypecho: 微信小程序版Typecho

更新进度

WeTypecho更新计划与当前进度

相关文章

1.安装WeTypecho详细步骤
2.利用 Nginx 做反向代理解决微信小程序业务域名限制问题

Last modification:August 21st, 2018 at 03:22 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

3 comments

  1. 夜鸥

    图片的读取规则是啥? 第一张图片吗? 我是纯文字站 怎么样随机图片

  2. 2012.pro

    谢谢大佬转载OωO

    1. 得劲
      @2012.pro

      向大佬学习才是。