https://github.com/devhoangkien/blog-halo
https://github.com/devhoangkien/blog-halo
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/devhoangkien/blog-halo
- Owner: devhoangkien
- License: gpl-3.0
- Created: 2021-05-14T02:35:25.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-14T02:38:01.000Z (about 5 years ago)
- Last Synced: 2025-01-26T21:28:01.906Z (over 1 year ago)
- Language: JavaScript
- Size: 1.1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 介绍
GBlog-wx：微信小程序博客
> 我们只是搬运工，将color-ui样式与halo接口结合了一下。
[halo](https://halo.run)作为后台，小程序样式采用[color-ui组件](https://www.color-ui.com/)。
### 一、展示
### 二、在线体验
### 三、说明
本项目采用[halo](https://halu.run)作为后台，调用halo接口。小程序样式使用[color-ui组件](https://www.color-ui.com/)组件。
### 四、使用
#### 1.后台搭建
采用halo搭建，具体可查看halo文档：https://halo.run
#### 2.小程序导入
* 拉取代码
```shell
git clone git@github.com:fuzui/GBlog-wx.git
```
* 导入工具
通过[微信公众平台](https://mp.weixin.qq.com/)注册小程序账号，登录后在`开发——开发设置`中查看AppID；
下载微信开发者工具，选择`小程序——导入项目`，选择刚刚clone的文件夹并填写自己的AppID.
* 配置
将`config`中有个`api-tmp.js`文件重命名为`api.js`。
修改如下配置：
```javascript
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）
* 配置合法域名
在[微信公众平台](https://mp.weixin.qq.com/)中，`开发——开发设置——服务器域名`中添加request、uploadFile、downloadFile合法域名。将上述`ApiBaseUrl`域名添加到request合法域名，例如`www.geekera.com`。
* 设置小程序最低基础库版本要求
在[微信公众平台](https://mp.weixin.qq.com/)中，`设置 - 基本设置 - 基础库最低版本设置`进行配置，保存为2.10.4版本。
> 原因：[《小程序登录、用户信息相关接口调整说明》](https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801)
#### 3.高级功能配置(非必须)
* 海报分享
[开启文章分享海报功能](https://docs.geekera.cn/gblog-wx/posters-share.html)
* 文章订阅、评论通知
[订阅消息（仅h1.4.2版本）](https://docs.geekera.cn/gblog-wx/subscribe.html)
> 等待改版中···
* 自定义样式
[自定义文章、顶图、随机图等样式](https://docs.geekera.cn/gblog-wx/custom-style.html)
### 五、结构
```
GBLOG-WX
├── cloudfunctions // 云服务
├── components // 自定义组件
│ └── article-list // 文章列表
│ └── authorize // 微信登录
│ └── comment // 评论列表
│ └── painter // painter小程序生成图片组件
│ └── mp-weixin // mp-html小程序富文本组件
├── config // 配置文件
├── custom-tab-bar // 自定义tabbar
├── images // 图片
├── pages // 页面代码
├── services // 封装方法
│ └── api // 接口实现
│ └── const-data // 常量
│ └── posters // 海报样式
├── styles // 样式
│ └── colorui // color-ui组件库
├── utils // 公用js
```
### 六、功能
**浏览页面功能：**
* 文章浏览、评论、点赞、搜索
* 文章分类、标签、归档
* 光影照片
* 日记
* 留言
* 友情链接
* 站点统计
* 文章分享海报
**管理页面功能：**
> 目前管理页面不支持开启**二步验证**登录！
* 后台登录
* 站点信息
* 个人信息修改
* 服务器信息查看
* 博客设置浏览
* 友链管理
* 日记管理
* 文章/分类/标签管理
* 附件上传、图库管理
* 评论审核、回复
* 主题切换、菜单编辑
> [开发计划](https://docs.geekera.cn/gblog-wx/dev-plan.html)
>
> [更新日志](https://docs.geekera.cn/gblog-wx/update-log.html)
### 七、致谢
* [halo](https://github.com/halo-dev/halo) 一个优秀的开源博客发布应用
* [ColorUI](https://github.com/weilanwl/ColorUI) 鲜亮的高饱和色彩，专注视觉的小程序组件库
* [mp-html](https://github.com/jin-yufeng/mp-html) 小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
* [Painter](https://github.com/Kujiale-Mobile/Painter) 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片
* [qs](https://github.com/ljharb/qs) A querystring parser with nesting support
### 八、联系
如果您发现了什么bug，或者有什么界面建议或意见，
欢迎 [issue](https://github.com/fuzui/GBlog-wx/issues)，当然也可以直接点小程序关于栏中的“联系我”或“意见反馈”或“留言”,或者
[](https://qm.qq.com/cgi-bin/qm/qr?k=Pq2leZgYF4FWqveg5jeKzBX8RS6iF2K2&jump_from=webapi)