扫码即可进入我的小程序

以下是安装教程

简介

众所周知，现在由于移动互联网的普及，网站访问量下降，导致个人站长非常难混。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密钥自己设置，用于防止恶意请求
小程序的appid和APP secret ID 可在微信小程序平台获取
关于页面的CID就是你编辑关于页面时地址栏上的cid. 如下图,关于页面的cid就为2
![]https://dl.wanghongfeng.cn/disk/1/20200825/kYFnyv7C_%E5%85%B3%E4%BA%8E%E9%A1%B5%E9%9D%A2cid.png)
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目录下的文件。

版权属于：王洪峰

本文链接：https://wanghongfeng.cn/wxapp.html

部分内容来自 wetypecho作者 https://2012.pro/index.php/20180811/cid=77.html

Last modification：August 25th, 2020 at 11:45 pm
© 允许规范转载
If you think my article is useful to you, please feel free to appreciate