侧边栏壁纸
  • 累计撰写 21 篇文章
  • 累计创建 1 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

微信小程序版博客

Administrator
2025-01-03 / 0 评论 / 0 点赞 / 3 阅读 / 0 字
温馨提示:
本文最后更新于2025-01-03,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

GBlog-wx-master.zip

GBlog-wx:微信小程序博客

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

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

一、展示

展示图

二、在线体验

qrcode

三、说明

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

四、使用

1. 后台搭建

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

2. 小程序导入

  • 拉取代码

    1. 方法一(稳定版本)

      点击选择最新的版本下载。

    2. 方法二(开发版本)

      git clone [email protected]:fuzui/GBlog-wx.git
  • 导入工具

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

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

    1

  • 拉取主题

    方法一(稳定版本)

    1. 点击选择最新的版本下载。

    2. 进入后台 -> 外观 -> 主题。

    3. 点击右下方按钮选择安装主题,随后选择 本地上传

    4. 选择下载好的主题包(zip)即可。

    方法二(开发版本)

    1. 复制 https://github.com/fuzui/halo-theme-gblogwx-config

    2. 进入后台 -> 外观 -> 主题。

    3. 点击右下方按钮选择安装主题,随后选择 远程拉取

    4. 粘贴复制的链接到远程地址,点击下载即可。

    注意拉取主题后勿启用,仅仅是作为配置使用。

  • 配置

    miniprogram/configapi-tmp.js文件复制并重命名为api.js

    修改api.js如下配置:

    const ApiBaseUrl = ''
    const Config = {
      AccessKey: '', // 接口key,必填
      cloudEnv: '', // 云环境ID
      themeSettingsCache: true
    }
    1. ApiBaseUrl为halo后台地址,上线必须为域名,在开发者工具中可点击右上角详情——本地设置,将不校验合法域名打勾。

    2. AccessKey为halo api的AccessKey。进入halo后台管理系统,在系统——博客设置——高级选项——API设置中,将API 服务开启,并设置Access key。将此Access key填入上述js文件中对应位置。

    123

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

    2. 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 supportGBlog-wx-master.zip

0

评论区