2018年8月

更新计划

由于第一次做小程序相关的,所以有很多不足之处,例如首页不好看,看上去会比较空。
功能设置不合理,没有隐藏分类功能等等问题,感谢各位提意见的朋友,如果你也有建议
请加QQ群788499647提出。

首页更新,进度(100%)

首页是被诟病最多的,之前的设计确实不好看,有很多可以改进的地方,现在
已经完成的差不多了见下图。
首先看看修改前的:
before.PNG

修改后
before.gif

主题颜色

之前版本颜色混乱,看这不舒服,现将主题色设置为朱红色,如上面的动图演示。

文章详细页面优化

优化UI,添加文章所属标签,添加相关阅读,优化后如下图:
detail1.png

detail2.png

tab栏更新,进度(70%)

先看看原来的tab栏:
tab.png

有朋友提出不需要监控栏,我想了下确实不需要,现在将会去掉监控(仅小程序拥有者能在关于页面看见监控其他人看不到)。
第二栏分类的话现在已经集成到首页,所以也不需要,改为排行:
根据点击量,点赞量,评论量等排行。
所以之后的tab栏会变成这样:
tab_after.png

个人认为看起来更简洁些。

推荐阅读,进度100%

在每篇文章下方显示几条相同分类下的文章推荐阅读。

文章隐藏(针对微信审核,进度(0%))

一些朋友反应,微信审核含有咨询内容的时候很难通过审核。
我也觉得有这个问题,计划实现文章按分类隐藏的功能,例如:
在后台可配置需要隐藏的分类,审核的时候隐藏这些分类,分类名称与
分类下的文章都不会在小程序里显示出来。
等到通过审核了,再开启这些分类。

支持小程序端发布文章

目前仅能在电脑端Typecho后台发布新的文章,
考虑是否支持在小程序端发布文章,是否有必要?

一些细节优化

例如按照文章时间先后排序,UI方面有些字段超长等。

插件已于2018/8/12 11:30更新,之前该功能不能正常使用。
请去github下载最新的使用!
下载上传覆盖之前的插件,需要重新进入插件配置!
覆盖插件之前一定要在插件控制台先禁用插件!!

去后台查看你的用户

1.png

5.png

看openid那一栏就可以了,将你自己的openid
填入插件配置中你就能使用资源监控了。
并且能查看哪些用户访问了你哦。

检查是否设置thumb字段

小程序抓取的是thumb字段显示图片。

0.png

很多主题能够将文章的第一张图片自动设置为thumb缩略图,不需要手动设置。
所以只要你的网站能够显示缩略图,那多半不是这个问题,继续看下面。

配置域名

有部分网站的网站服务器和资源(图片、视频等)服务器不在一个域名,
例如网站域名在domain.com,而图片存放的地址在img.domain.com。
此时应该不仅将doamin.com添加到小程序的服务器域名里面,同时也应该将
img.domain.com添加到服务器域名,以本站为例:
1.png

可以看到我将res.2012.pro & video.2012.pro都添加到了合法域名里面。
这样的话你的图片就能加载了

请注意,你的图片地址必须也要是https,否则微信会拒绝访问!

设置防盗链

如果上面的方法试过了还是不行,那多半是因为你设置了防盗链。
有部分网站的资源服务器放在了对象储存或者CDN上面,并开启了防盗链。
这将导致对象储存拒绝微信小程序访问,也可能导致小程序不能加载图片。
解决方案:

1.将servicewechat.com放在防盗链白名单
2.开启允许空refer

以腾讯云对象储存为例:

2.png

这样配置就可以了,缩略图就能显示了,也能正常生产小程序分享图片了。

2018/8/25 已经发布新版。

请去Github下载安装

虽然有详细可用的安装手册,但是如果你还是不能成功安装的话,请联系作者QQ:294351525

安装须知

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

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

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

安装Typecho

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

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

如果你完全不知道什么是Typecho请参考:使用宝塔面板快速搭建Typecho个人博客

安装并设置WeTypecho插件

首先下载WeTypecho
然后将根目录下的we-typecho-plugin上传至/usr/plugins目录下。
将we-typecho-plugin文件夹重命名为WeTypecho,注意大小写,否则可能不能使用
然后进入Typecho后台插件管理(控制台->插件),启用WeTypecho插件,然后点设置:
plug1.png
上面写的都很清楚了,唯一一点可能不太明确
就是API密钥,这个是你自己设置的,用于防止恶意请求。需要与小程序代码端的设置一致
否则可能无法访问,这个后面会提到。

w10.png

上面两条是用于微信审核的,怎么配置你懂的。
微信审核一般在一个工作日内就能过,没问题的话两小时就能过。所以并不会太大影响到你用户的访问。

小程序端配置

下载的根目录下的Wetypecho文件夹就是小程序的源代码
进入Wetypecho目录,根目录下有一个config.js,打开编辑
we1.png

将domain设置为你的域名,不需要加http 或者 https://.
name修改为你的网站名称,用于小程序页脚显示。
API_SECRET必须与WeTypecho插件中的API密钥配置一样
保存关闭。然后打开根目录下的app.json
we2.png

修改这个值保存。
然后打开Template目录下的foot.wxml
修改页脚版权:
wx1.png

至此小程序端的配置就完成了。
然后去微信官方小程序平台,设置->开发设置,服务器域名。
we3.png

将你的域名添加进去,如果你的图片等资源存放的地址不是你上面设置的域名
还需要将你的图片资源域名添加进去,否则小程序端可能无法显示资源。

保存后。用微信开发者工具(下载地址)打开WeTypecho下的wetypecho目录,就能正常使用了。

如果有任何问题请给我留言。我看到后会帮忙解决。

拓展阅读

如何在小程序中插入视频
小程序不能正常加载缩略图等资源
如何使用wetypecho插件后台查看用户openID

更新进度

更新进度与计划