基于Halo博客系统搭建微信小程序

小聂字数: 5197 阅读耗时: 12 分钟 2026/03/19 博客独享热度: 41 评论: 0

　　先说一下为啥要搭建博客小程序版本，个人感觉在手机上查看博客更舒适一点，不用再打开网页，而且在手机上用浏览器打开网站后，手机稍微一横网页就横过来了感觉很烦（虽然可以打开竖屏锁定😄但我觉得搭建网站的意义就是在于折腾）

　项目介绍

　　我用到的项目是小莫唐尼大佬开发的uni-halo项目地址我会放在文章底部。

　　选这个项目用于搭建博客小程序就是觉得配置简单，界面也还挺好看，还可以直接生成ios,android 端的app。

　　只需要在Halo后台安装一个插件，再把项目文件导入hbuilderx编译即可

　　其实部署很简单但是由于官方文档的图片失效无法查看，还有项目本身有一点小问题比如分享功能失效等，我会把我修复好的项目文件发出来这样部署就会简单很多。

　　第一步给Halo安装插件UniHalo 配置，商店直接搜索即可这里我就不放图片了，安装完插件后最重要的一步就是填写个人令牌，个人令牌点击头像右边的小人按钮进入创建令牌后回填Token即可。

　　点击应用配置填写微信小程序的appid和APP_SECRET，这两个都可以在小程序平台找到，APP_SECRET是不会显示的如果之获取过点击重新获取APP_SECRET即可

　　别的配置根据自己的需求自己填写就好了，到这里博客这里就配置好了，下面来配置项目的代码段，其实没啥配置的就是把域名改成自己的就好了，项目文件在文章末尾获取。

　　把文件导入hbuilderx，先打开manifest.json文件给appid重新获取一下，再点击vue.config.js填写域名，再进入config目录打开uhalo.config.js文件后填写域名，操作都一样我只放第二张图了，

　　还有一个操作是这个项目外的，就是需要你去小程序后台保存一下你的小程序二维码重命名为xiaochegnxu.jpg放在项目根目录，原因是原项目的分享功能失效了，我修复后没使用动态小程序码。

　　修改完成后点击上方发行，选择小程序填写appid后发行，他会自动打开小程序开发工具并自动编译，如果没下载小程序开发工具就下载一个（并打开服务端口）。

　　先不用管提示啥，进入小程序平台的后台，管理-开发管理-往下滑填入你的博客域名。

　　所有操作完成现在微信小程序预览应该是正常的了，会到小程序开发工具后重新编译后点击上传版本后，进入小程序管理平台送审核即可

　　GitHub地址https://github.com/ialley-workshop-open/uni-halo

　　官方文档地址https://uni-halo.925i.cn/

　　我修复后的项目文件https://share.feijipan.com/s/vt2DyQF7

　　小程序不认证是不能分享的，但是可以用内置的分享保存相册功能。