⛄小程序博客，使用halo后台数据☃

# 源代码是：https://github.com/fuzui/GBlog-wx 的，我只是 fork 过来使用，希望大家多多支持原作者！！！

GBlog-wx：微信小程序博客

我们只是搬运工，将 color-ui 样式与 halo 接口结合了一下。

halo 作为后台，小程序样式采用 color-ui 组件。

# 一、展示

# 二、在线体验

# 三、说明

本项目采用 halo 作为后台，调用 halo 接口。小程序样式使用 color-ui 组件组件。

# 四、使用

# 1. 后台搭建

采用 halo 搭建，具体可查看 halo 文档：https://halo.run

# 2. 小程序导入

• 拉取代码

  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 版本。

  原因：《小程序登录、用户信息相关接口调整说明》

# 3. 高级功能配置 (非必须)

• 海报分享

  开启文章分享海报功能

• 自定义样式

  自定义文章、顶图、随机图等样式

• 自定义随机图

  自定义随机图

• 敏感词汇过滤

  评论、留言敏感词汇过滤

• 免密登陆

  后台免密登陆

• 文章订阅、评论通知

  订阅消息（仅 h1.4.2 版本）

  等待改版中・・・

# 五、结构

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