GBlog-wx:微信小程序博客
我们只是搬运工,将color-ui样式与halo接口结合了一下。
halo作为后台,小程序样式采用color-ui组件。
一、展示
二、在线体验
三、说明
本项目采用halo作为后台,调用halo接口。小程序样式使用color-ui组件组件。
四、使用
1. 后台搭建
采用halo搭建,具体可查看halo文档:https://halo.run
2. 小程序导入
拉取代码
方法一(稳定版本)
点击选择最新的版本下载。
方法二(开发版本)
git clone [email protected]:fuzui/GBlog-wx.git
导入工具
通过微信公众平台注册小程序账号,登录后在
开发——开发设置中查看AppID;下载微信开发者工具,选择
小程序——导入项目,选择刚刚clone的文件夹并填写自己的AppID.拉取主题
方法一(稳定版本)
点击选择最新的版本下载。
进入后台 -> 外观 -> 主题。
点击右下方按钮选择安装主题,随后选择
本地上传。选择下载好的主题包(zip)即可。
方法二(开发版本)
复制
https://github.com/fuzui/halo-theme-gblogwx-config。进入后台 -> 外观 -> 主题。
点击右下方按钮选择安装主题,随后选择
远程拉取。粘贴复制的链接到远程地址,点击下载即可。
注意拉取主题后勿启用,仅仅是作为配置使用。
配置
将
miniprogram/config中api-tmp.js文件复制并重命名为api.js。修改
api.js如下配置:const ApiBaseUrl = '' const Config = { AccessKey: '', // 接口key,必填 cloudEnv: '', // 云环境ID themeSettingsCache: true }ApiBaseUrl为halo后台地址,上线必须为域名,在开发者工具中可点击右上角详情——本地设置,将不校验合法域名打勾。AccessKey为halo api的AccessKey。进入halo后台管理系统,在系统——博客设置——高级选项——API设置中,将API 服务开启,并设置Access key。将此Access key填入上述js文件中对应位置。
cloudEnv为云环境ID,开启海报分享、评论过滤、免密登录功能时需要填写。themeSettingsCache为主题配置是否开启缓存,默认开启,在开始时可以改为false以方便调试主题。
配置合法域名
在微信公众平台中,
开发——开发设置——服务器域名中添加request、uploadFile、downloadFile合法域名。将上述ApiBaseUrl域名添加到request合法域名,例如www.geekera.com。设置小程序最低基础库版本要求
在微信公众平台中,
设置 - 基本设置 - 基础库最低版本设置进行配置,保存为2.10.4版本。
3. 高级功能(非必须)
海报分享
敏感词汇过滤
免密登陆
更多功能请参考主题设置。
五、结构
GBLOG-WX
├── cloudfunctions // 云服务
│ └── check_message // 云函数 敏感词汇过滤
│ └── get_qrcode // 云函数 小程序码生成
├── miniprogram
│ └── components // 自定义组件
│ └── admin-login // 后台登陆页
│ └── article-list // 文章列表
│ └── authorize // 微信登录
│ └── comment // 评论列表
│ └── image-loader // 图片处理组件
│ └── painter // painter小程序生成图片组件
│ └── mp-weixin // mp-html小程序富文本组件
│ └── config // 配置文件
│ └── custom-tab-bar // 自定义tabbar
│ └── images // 图片
│ └── pages // 页面代码
│ └── services // 封装方法
│ └── api // 接口实现
│ └── const-data // 常量
│ └── posters // 海报样式
│ └── styles // 样式
│ └── colorui // color-ui组件库
│ └── utils // 公用js
六、功能
浏览页面功能:
文章浏览、评论、点赞、搜索
文章分类、标签、归档
光影照片
日记
留言
友情链接
站点统计
文章分享海报
自定义随机图
敏感词汇过滤
管理页面功能:
后台登录、二步登陆、免密登陆
站点信息
个人信息修改
服务器信息查看
博客设置浏览
友链管理
日记管理
文章/分类/标签管理
附件上传、图库管理
评论审核、回复
主题切换、菜单编辑
评论区