GBlog-wx:微信小程序博客
我们只是搬运工,将color-ui样式与halo接口结合了一下。
halo作为后台,小程序样式采用color-ui组件。
本项目采用halo作为后台,调用halo接口。小程序样式使用color-ui组件组件。
采用halo搭建,具体可查看halo文档:https://halo.run
-
拉取代码
git clone git@github.com:fuzui/GBlog-wx.git
-
导入工具
通过微信公众平台注册小程序账号,登录后在
开发——开发设置
中查看AppID;下载微信开发者工具,选择
小程序——导入项目
,选择刚刚clone的文件夹并填写自己的AppID. -
配置
将
miniprogram/config
中api-tmp.js
文件复制并重命名为api.js
。修改
api.js
如下配置:const ApiBaseUrl = '';//生产上 const Config = { AccessKey: '', guestbookSheetId: 2 }
1.
ApiBaseUrl
为halo后台地址,上线必须为域名,在开发者工具中可点击右上角详情——本地设置
,将不校验合法域名打勾。2.
AccessKey
为halo api的AccessKey。进入halo后台管理系统,在系统——博客设置——高级选项——API设置
中,将API 服务开启,并设置Access key。将此Access key填入上述js文件中对应位置。3.
guestbookSheetId
该值是留言板页面id,默认为关于页的评论,可自行前往表结构中查看。(默认2) -
配置合法域名
在微信公众平台中,
开发——开发设置——服务器域名
中添加request、uploadFile、downloadFile合法域名。将上述ApiBaseUrl
域名添加到request合法域名,例如www.geekera.com
。 -
设置小程序最低基础库版本要求
在微信公众平台中,
设置 - 基本设置 - 基础库最低版本设置
进行配置,保存为2.10.4版本。
-
海报分享
-
自定义样式
-
自定义随机图
-
敏感词汇过滤
-
免密登陆
-
文章订阅、评论通知等待改版中···
GBLOG-WX
├── cloudfunctions // 云服务
│ └── check_message // 云函数 敏感词汇过滤
│ └── get_qrcode // 云函数 小程序码生成
│ └── get_random_graph // 云函数 自定义随机图
├── 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
├── extension // 扩展资源
│ └── cloud // 云开发数据
浏览页面功能:
- 文章浏览、评论、点赞、搜索
- 文章分类、标签、归档
- 光影照片
- 日记
- 留言
- 友情链接
- 站点统计
- 文章分享海报
- 自定义随机图
- 敏感词汇过滤
管理页面功能:
- 后台登录、二步登陆、免密登陆
- 站点信息
- 个人信息修改
- 服务器信息查看
- 博客设置浏览
- 友链管理
- 日记管理
- 文章/分类/标签管理
- 附件上传、图库管理
- 评论审核、回复
- 主题切换、菜单编辑
- halo 一个优秀的开源博客发布应用
- ColorUI 鲜亮的高饱和色彩,专注视觉的小程序组件库
- mp-html 小程序富文本组件,支持渲染和编辑 html,支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
- Painter 小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片
- qs A querystring parser with nesting support
如果您发现了什么bug,或者有什么界面建议或意见,
欢迎 issue,当然也可以直接点小程序关于栏中的“联系我”或“意见反馈”或“留言”,或者