GBlog

您所在的位置:网站首页 halo博客主题开发 GBlog

GBlog

2023-04-24 19:55| 来源: 网络整理| 查看: 265

介绍

Build Status Build Status Build Status Build Status

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.

1

拉取主题

方法一(稳定版本)

点击选择最新的版本下载。 进入后台 -> 外观 -> 主题。 点击右下方按钮选择安装主题,随后选择 本地上传。 选择下载好的主题包(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文件中对应位置。

123

cloudEnv为云环境ID,开启海报分享、评论过滤、免密登录功能时需要填写。

themeSettingsCache为主题配置是否开启缓存,默认开启,在开始时可以改为false以方便调试主题。

配置合法域名

在微信公众平台中,开发——开发设置——服务器域名中添加request、uploadFile、downloadFile合法域名。将上述ApiBaseUrl域名添加到request合法域名,例如www.geekera.com。

设置小程序最低基础库版本要求

在微信公众平台中,设置 - 基本设置 - 基础库最低版本设置进行配置,保存为2.10.4版本。

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

3. 高级功能(非必须)

海报分享

开启文章分享海报功能

敏感词汇过滤

评论、留言敏感词汇过滤

免密登陆

后台免密登陆

更多功能请参考主题设置。

五、结构 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 六、功能

浏览页面功能:

文章浏览、评论、点赞、搜索 文章分类、标签、归档 光影照片 日记 留言 友情链接 站点统计 文章分享海报 自定义随机图 敏感词汇过滤

管理页面功能:

后台登录、二步登陆、免密登陆 站点信息 个人信息修改 服务器信息查看 博客设置浏览 友链管理 日记管理 文章/分类/标签管理 附件上传、图库管理 评论审核、回复 主题切换、菜单编辑

开发计划

更新日志

七、致谢 halo 一个优秀的开源博客发布应用 ColorUI 鲜亮的高饱和色彩,专注视觉的小程序组件库 mp-html 小程序富文本组件,支持渲染和编辑 html,支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用 Painter 小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片 qs A querystring parser with nesting support 八、联系

如果您发现了什么bug,或者有什么界面建议或意见,

欢迎 issue,当然也可以直接点小程序关于栏中的“联系我”或“意见反馈”或“留言”,或者 qq群



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3