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
  • 去除了部分不需要的功能
  • 增加了例如文章內頁回到首頁的按鈕等
載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。