banner
阿道

阿道

阿道博客

Typecho零基础搭建微信小程序-Wetypecho

Wetypecho 开源代码下载地址#

Wethpecho

搭建必要条件#

微信方面

  • 域名已备案
  • 网站开启 https

网站方面

  • 设置固定链接
  • 网站开启 https

插件安装#

  1. 插件安装包下载完成后解压
  2. we-typecho-plugin 文件夹重命名为 WeTypecho 重要!
  3. 然后将修改好的文件夹上传至 /usr/plugins 目录下
  4. 填写好相关数据即可
    注:api 密钥自行设定,与小程序端 API_SECRET 一致即可

微信小程序#

  • 小程序 APPID 获取
  • 服务器域名填写

Snipaste_2019-07-18_11-50-47

小程序端配置#

  • 进入小程序源码
  • 打开根目录下 config.js
var domain = "博客地址"
var name = "小程序页脚名称"
var API_SECRET = "与插件api密钥一致"

export default {
    getdomain: domain,
    getname: name,
    getapisecret: API_SECRET
}

app.json

{
  "debug": true,
  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarBackgroundColor": "#f5f5f5",
    "navigationBarTitleText": "小程序名称",
    "backgroundColor": "#ffffff",
    "backgroundTextStyle": "dark"
  },

Template/foot.wxml

<template name="foot">
    <view class="footerview">  
    <text >版权信息</text>
    </view>
    <view class="footerviewwebsite">  
    <text style>版权信息</text>
    </view>
</template>

常见问题#

  • 小程序调试报错:是否备案以及 https
  • 图片缩略图不显示:图片是否使用 CDN,是否将图片 CDN 地址添加到微信小程序合法域名,是否 CDN 白名单等

如果检查了上面的问题,依旧不能正常显示图片,就有可能是主题和插件有冲突,本博客的主题就会出现文章添加其他字段后,再发布就会导致缩略图不能正常显示。

小程序地址#

小程序二维码

  • 修改了小程序 UI
  • 去除了部分不需要的功能
  • 增加了例如文章内页回到首页的按钮等
加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。