开源软件名称：

GBlog-wx

开源软件地址：

https://gitee.com/fuzui/GBlog-wx

开源软件介绍：

介绍

GBlog-wx：微信小程序博客

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

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

一、展示

展示图

二、在线体验

qrcode

三、说明

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

四、使用

1. 后台搭建

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

2. 小程序导入

拉取代码

git clone [email protected]: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                    // 云开发数据