惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
大猫的无限游戏
大猫的无限游戏
博客园 - 聂微东
Jina AI
Jina AI
The Cloudflare Blog
V
Visual Studio Blog
博客园_首页
量子位
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 【当耐特】
爱范儿
爱范儿
博客园 - 三生石上(FineUI控件)
小众软件
小众软件
博客园 - 司徒正美
阮一峰的网络日志
阮一峰的网络日志
Last Week in AI
Last Week in AI
V
V2EX
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 叶小钗
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
WordPress大学
WordPress大学
宝玉的分享
宝玉的分享
T
Tailwind CSS Blog
博客园 - Franky

小聂的窝

分享一个音乐播放器-可以登录网易云和QQ音乐 分享一个音乐播放器-可以登录网易云和QQ音乐 天涯社区回来了??? 天涯社区回来了??? 我把博客微信小程序重构了 我把博客微信小程序重构了 给服务器重装了下系统,恢复网站搞了一下午! 给服务器重装了下系统,恢复网站搞了一下午! 网站维护日记 网站维护日记 我的建站史 我的建站史 给博客主题小小的修改了一下 给博客主题小小的修改了一下 用Ai写了一个外链跳转提示插件 用Ai写了一个外链跳转提示插件 小聂春游记 小聂春游记 分享一个域名跳转单页 分享一个域名跳转单页 基于Halo博客系统搭建微信小程序 零成本使用域名邮箱教程 零成本使用域名邮箱教程 用小米音响实现自动开灯和自动电脑开关机 用小米音响实现自动开灯和自动电脑开关机 给博客加了个可以显示E宝限免中的页面 给博客加了个可以显示E宝限免中的页面 微信输入法使用体验 微信输入法使用体验 写了一个web翻译网页
基于Halo博客系统搭建微信小程序
小聂 · 2026-03-19 · via 小聂的窝

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

 项目介绍

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

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

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

 部署教程

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

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

屏幕截图 2026-03-19 192542.png
屏幕截图 2026-03-19 192738.png
format_屏幕截图 2026-03-19 192353.webp

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

屏幕截图 2026-03-19 193008.png

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

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

屏幕截图 2026-03-19 194228.png

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

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

image-HMDA.png
屏幕截图 2026-03-19 194913.png

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

屏幕截图 2026-03-19 195103.png

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

屏幕截图 2026-03-19 195354.png

 效果预览

3.19.小程序.png

 项目地址

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

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

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

gh_0caf1cf1a9af_1280 (2).jpg

 温馨提示

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

  小程序审核与备案需要关闭评论功能,不然审核不通过就白浪费时间。

小聂的窝

分享设计与科技生活

本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 小聂