演示

微信搜索:云雾Blog


前言

  • 由于官方的WeTypecho小程序和handsome相冲突,发布之后文章内的缩略图都不会正常显示,于是我找了很久找到了这个基于handsome主题修改的WeTypecho

目前支持的基本功能如下:

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

安装须知

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

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


Typecho设置

  • 开启永久链接{地址重写功能}需要设置伪静态
  • 个性化定义/{year}{month}{day}/cid={slug}.html
  • 安装插件,将we-typecho-plugin文件夹重命名为WeTypecho并开启
  • 设微信小程序的APPID和APP secret ID在微信小程序平台【设置>开发设置-开发者ID】里可以看到
  • 设置API密钥(随便输入)

插件配置

  • API密钥可以自己随意设置,下方会说明填写到哪里
  • 微信小程序的APPID以及微信小程序的APP secret ID都是在公众平台注册了之后会给到你的
  • 微信公众平台上注册小程序(地址:https://mp.weixin.qq.com/

小程序端配置

  • 然后下载开发工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
  • 根目录下config.js

    • domain设置为你的域名{不要加http或https:// }
    • name修改为你的网站名称,用于小程序页脚显示。
    • API_SECRET必须与WeTypecho插件中的API密钥配置一样
  • 根目录下的app.json

    • 修改navigationBarTitleText
  • Template目录下的foot.wxml

    • 修改footerviewfooterviewwebsite

小程序不显示图片,或显示盗链

  • 登录微信公众平台 丨小程序 - 点击 - 开发 > 开发设置
  • 【request合法域名丶socket合法域名丶uploadFile合法域名丶downloadFile合法域名】把域名添加进去,如图片等资源存放地址不是上面设置的域名则还需将图片资源域名加入
  • 使用了CDN的话去防盗链添加白名单域名:servicewechat.com 并且把 允许 Referer 为空 选上

小程序以及插件下载地址

版权属于:云雾 ' Blog

本文链接: https://lioeo.cn/22.html

文章标题:WeTypecho小程序 - 基于handsome修改版

版权协议:本站遵循 CC BY-NC-ND 4.0 协议 转载请注明出处!

云雾'Blog小程序
Last modification:December 10th, 2019 at 02:12 pm
如果觉得我的文章对你有用,请随意赞赏