GBlog-wx:微信小程序博客
我们只是搬运工,将color-ui样式与halo接口结合了一下。
halo作为后台,小程序样式采用color-ui组件。
本项目采用halo作为后台,调用halo接口。小程序样式使用color-ui组件组件。
采用halo搭建,具体可查看halo文档:https://halo.run
拉取代码
方法一(稳定版本)
点击选择最新的版本下载。
方法二(开发版本)
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版本。
原因:《小程序登录、用户信息相关接口调整说明》
海报分享
开启文章分享海报功能
敏感词汇过滤
评论、留言敏感词汇过滤
免密登陆
后台免密登陆
更多功能请参考主题设置。
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
浏览页面功能:
管理页面功能:
开发计划
更新日志
如果您发现了什么bug,或者有什么界面建议或意见,
欢迎 issue,当然也可以直接点小程序关于栏中的“联系我”或“意见反馈”或“留言”,或者