Wetypecho 開源代碼下載地址#
搭建必要條件#
微信方面
- 域名已備案
- 網站開啟 https
網站方面
- 設置固定鏈接
- 網站開啟 https
插件安裝#
- 插件安裝包下載完成後解壓
- we-typecho-plugin 文件夾重命名為 WeTypecho 重要!
- 然後將修改好的文件夾上傳至 /usr/plugins 目錄下
- 填寫好相關數據即可
注:api 密鑰自行設定,與小程序端 API_SECRET 一致即可
微信小程序#
- 小程序 APPID 獲取
- 伺服器域名填寫
小程序端配置#
- 進入小程序源碼
- 打開根目錄下 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
- 去除了部分不需要的功能
- 增加了例如文章內頁回到首頁的按鈕等