加入CODE CHINA

· 不限速    · 不限空间    · 不限人数    · 私仓免费

免费加入
    README.md

    介绍

    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 git@github.com:fuzui/GBlog-wx.git
    • 导入工具

      通过微信公众平台注册小程序账号,登录后在开发——开发设置中查看AppID;

      下载微信开发者工具,选择小程序——导入项目,选择刚刚clone的文件夹并填写自己的AppID.

      1

    • 配置

      config中有个api-tmp.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文件中对应位置。

      123

      3.guestbookSheetId该值是留言板页面id,默认为关于页的评论,可自行前往表结构中查看。(默认2)

    • 配置合法域名

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

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

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

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

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

    五、结构

    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
    

    六、功能

    浏览页面功能:

    • 文章浏览、评论、点赞、搜索
    • 文章分类、标签、归档
    • 光影照片
    • 日记
    • 留言
    • 友情链接
    • 站点统计
    • 文章分享海报

    管理页面功能:

    目前管理页面不支持开启二步验证登录!

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

    开发计划

    更新日志

    七、致谢

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

    八、联系

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

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

    项目简介

    基于halo的微信小程序博客 https://www.geekera.cn/s/gblog-wx

    发行版本

    当前项目没有发行版本

    贡献者 2

    开发语言

    • JavaScript 100.0 %