WeTypecho作者为:https://2012.pro/,本文仅介绍如何使用安装使用
之前有评论反应出现Error: app.wxss: Cannot read property 'toLowerCase' of undefined报错,
胖蒜网给出了解决办法:删除app.wxss文件中.stat_list_item类选择器中的border-bottom-color样式即可

以下是安装教程

简介

众所周知，现在由于移动互联网的普及，网站访问量下降，导致个人站长非常难混。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
    请输入图片描述
    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目录下的文件。
  4. 上传时出现Error: app.wxss: Cannot read property 'toLowerCase' of undefined报错

解决办法:删除app.wxss文件中.stat_list_item类选择器中的border-bottom-color样式即可

最后修改：2021 年 03 月 28 日 10 : 45 AM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏
END
文章标题：WeTypecho : 一款 typecho 的微信小程序
 本文链接：https://wanghongfeng.cn/wxapp.html
 版权说明：若无注明，本文皆王洪峰's blog原创，转载请保留文章出处。