Code Monkey home page Code Monkey logo

gblog-wx's Introduction

介绍

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. 小程序导入

  • 拉取代码

    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 support

八、联系

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

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

gblog-wx's People

Contributors

fuzui avatar leader755 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

gblog-wx's Issues

推广了一波

已经推广了一波,已经有几个人要源码地址了

体验版进入首页报错

halo环境信息

版本:1.4.11
数据库:H2 1.4.197 (2018-03-18)
运行模式:production
User Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36

体验版打开调试模式报错信息如下

751634134466_ pic

导入方式如下

image

后台登录相关

大佬后台管理能不能根据微信号来直接绑定呀,比如说,用户使用微信登录了,获取到用户的微信id,然后如果是后台配置的微信ID,可以直接免登录(自动登录)进入后台。

发布文章功能

感谢大佬的努力,什么时候可以发布文章功能,感谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.