WeHalo小程序部署

  1. WeHalo小程序部署

    首先配置https

    windows下部署halo

然后下载Wehalo小程序包

资源存放地址
然后解压并用小程序IDE打开
image.png
ps:如果没有小程序账号请先注册获得appid

导入完成后来到小程序后台进行插件设置

  1. 添加插件
    image.png

  2. 搜索html2wxml,并并添加
    image.png

  3. 添加成功
    image.png

设置完插件开始配置个人信息

app.js

注:必须是HTTPS的因为,微信官方规定,还有把你的博客地址如:https://aquan.run和https://v2.jinrishici.com添加到微信公众平台的request 合法域名中

1
2
3
4
5
6
7
8
9
10
11
12
globalData: { //全局变量
userInfo: null,
skin: null,
roleFlag: false,
BlogName: "爱敲代码的猫",//博客名字
url: "https://aquan.run",//博客地址(需HTTPS)
token: "",//Halo博客后台设置
highlightStyle: "dracula",//代码高亮样式,可用值default,darcula,dracula,tomorrow
adminOpenid: "ogogn47AhczrMBgcTCPbUwugqLcU",//导入项目后可以在Console中看到 openidCloudResult: xxxxxxx (xxx就是adminOpenid)
HaloUser: "xx",//Halo后台用户名
HaloPassword: "xx",//Halo后台密码
}

adminOpenid的获取

  1. 首先开通云控制台创建环境并获取环境id
    image.png
    image.png
  2. 给get_wx配置刚创建好的环境
    image.png
  3. 修改app.js中的云环境id
    image.png
  4. 在终端打开
    image.png
  5. 在终端输出命令
    1
    npm install --save wx-server-sdk@latest
    image.png
  6. 再上传并部署
    image.png
  7. 可以本地调试拿到openid 放到代码里
    image.png

ps:如果还有不懂再联系博主

设置个人专属Logo修改WeHalo\miniprogram\colorui\main.wxss

1
2
3
4
5
6
7
.home-img{
padding: 24rpx;
background-repeat: no-repeat;
background-size: contain;
/* background-image:url(../image/cat.png); */
background-image:url('xxxxx');//logo图片地址
}

##小程序上传和审核

image.png
image.png

最后就是上线了。

常见错误

  1. image.png
    解决方案
    未配置个人专属Logo修改WeHalo\miniprogram\colorui\main.wxss文件最后面的
  2. image.png
    解决方案
    image.png
  3. image.png
    解决方案
    暂无但是不影响使用
  4. image.png
    解决方案
    配置博客的评论设置,打开SMTP即可正常
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!

扫一扫,分享到微信

微信分享二维码

请我喝杯咖啡吧~

支付宝
微信