扫码即可进入我的小程序

以下是安装教程

简介

众所周知,现在由于移动互联网的普及,网站访问量下降,导致个人站长非常难混。WeTypecho则能帮您快速搭建微信小程序,将Typecho博客的内容映射到微信小程序,帮助您在一定程度上获取更多来自微信的流量。WeTypecho的安非常简单,只需三分钟,就能搭建。

插件功能

  • 首页预览置顶文章
  • 支持评论,回复,点赞
  • 支持内容转发,分享到朋友圈
  • 服务器资源监控
  • 图片及视频显示
  • 支持 markdown,html 解析

安装需求

- 一个支持php的虚拟主机或者服务器
- 一个已备案的域名
- 域名必须域名启用 HTTPS 
- 一个已注册的微信小程序

插件设置

1、首先你需要在Github上下载源代码 点此下载
如果你是用的是和我一样的Handsome主题 请下载这一个
2、下载完之后压缩包内有两个文件夹,we-typecho-plugin为在博客端的插件,wetypecho是小程序的源码
we-typecho-plugin上传至 /usr/plugins 目录下并改名为 WeTypecho (注意大小写)
3、进入 Typecho 后台启用 WeTypecho 插件,点设置配置插件的各项配置
配置信息
api密钥自己设置,用于防止恶意请求
小程序的appidAPP secret ID 可在微信小程序平台获取
关于页面的CID就是你编辑关于页面时地址栏上的cid. 如下图,关于页面的cid就为2

openid可在小程序正式审核通过后在后台 [控制台]→[WeTypecho]中查看

小程序端配置

点击这里下载微信开发者工具
下载完成后,使用小程序管理员账号登录开发者工具,修改以下文件
进入Wetypecho目录,根目录下有一个config.js,打开编辑

domain是你的域名,不用加http(s)
name修改为你的网站名称
API_SECRET必须与WeTypecho插件中的API密钥配置一样。
保存关闭。然后打开根目录下的app.json

navigationBarTitleText这个值为自己的网站名。
然后打开Template目录下的foot.wxml,修改页脚的版权

至此小程序端的配置就完成了,左侧可以直接预览小程序。
请输入图片描述
然后去微信官方小程序平台,设置->开发设置,服务器域名。

在这里需要加上你的网站的域名,图床的域名,以及各种资源域名

所有的配置完之后就可以上传代码并提交审核了,审核的时候请选择 工具 > 信息查询

常见问题:

1、不显示缩略图

给文章添加一个自定义的thumb字段,内容为缩略图图片的地址

2、开发者工具里有404报错

请检查wetypecho插件里的各项配置内容是否正确,开发者工具的密钥是否填写正确。

3、Handsome专用版关于页面无法显示正文

下载普通版本的wetypecho,替换掉page/about目录下的文件。
Last modification:March 24th, 2020 at 12:04 pm
If you think my article is useful to you, please feel free to appreciate