授权协议: GPL
开发语言: JavaScript HTML/CSS
操作系统: 跨平台
收录时间: 2020-06-08
提 交 者: 极客时代

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:GeekEra/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

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

五、结构

GBLOG-WX     
├── cloudfunctions      // 云服务
├── colorui             // color-ui组件库 
├── component           // 自定义组件
│       └── article-list                  // 文章列表
│       └── canvas-share                  // 海报生成
│       └── parser           // parser富文本组件
├── config              // 配置文件
├── images              // 图片
├── pages               // 页面代码
├── utils               // 公用js
​

六、功能

浏览页面功能:

  • 文章浏览、评论、点赞、搜索

  • 文章分类、标签、归档

  • 光影照片

  • 日记

  • 留言

  • 友情链接

  • 站点统计

  • 文章分享海报

  • 新文章订阅

  • 评论回复通知

管理页面功能:

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

  • 后台登录

  • 站点信息

  • 个人信息修改

  • 服务器信息查看

  • 博客设置浏览

  • 友链管理

  • 日记管理

  • 文章/分类/标签管理

  • 附件上传、图库管理

  • 评论审核、回复

  • 主题切换、菜单编辑

七、致谢

  • halo 一个优秀的开源博客发布应用

  • ColorUI 鲜亮的高饱和色彩,专注视觉的小程序组件库

  • Parser 小程序富文本插件(html 渲染)

  • Hux Blog的背景图

八、联系

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

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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

GBlog-wx 的相关资讯

还没有任何资讯

GBlog-wx 的相关博客

小程序wx:if\wx:elif\wx:else方法实例

<view wx:if="{{color == 'Red'}}"> Red </view> <view wx:elif="{{color == 'Green'}}"> Green </view> <view wx:else> Blac...

微信小程序里 wx:for和wx:for-item区别(补充下wx:key)

wx:for 一维数组情况: 在页面上 view wx:for ="{{list}}" {{item.id}} view 是循环list item是List的别名 多维数组情况: vi...

WX

https://open.weixin.qq.com/

微信小程序 for循环 wx:for和wx:if wx:elif嵌套着使用

<view class='Mall_title'> <block wx:for="{{mall_title_object}}" wx:key="{{index}}"> <view class="h_item {...

WX Robot

https://github.com/TonyChen56/WeChatRobot https://blog.csdn.net/github_33226586/article/details/50717089 微信web协议分...

wx小程序

Showloading如果没有关闭就在进入下一个下面,比如吧关闭showloading的代码写在跳转成功之后,下一个页面的第一个showloading...

wx:Textctrl

import wx class Mywin(wx.Frame): def __init__(self, parent, title): super(Mywin, self).__init__(par...

列表渲染(wx:for)

列表渲染 WXML中 wx:for 控制属性绑定一个数组(从逻辑层.js传过来的数组或者对象),使用数组中各项数据重复渲染该组件。 默认...

wx-app支付

增加依赖 <!-- https://mvnrepository.com/artifact/org.jdom/jdom2 --> <dependency> <groupId>org.jdom</groupId> <artifac...

wx小程序 createRewardedVideoAd

onLoad  加载模块   this.videoAdCreat() onUnload  销毁模块   this.videoAd.destroy() **************************...

GBlog-wx 的相关问答

还没有任何问答,马上提问

评论 (2)

加载中
可以直接拿去用吗?大佬
07/01 11:41
回复
举报
极客时代软件作者
可以鸭
07/03 17:04
回复
举报
更多评论
2 评论
8 收藏
分享
在线直播报名
返回顶部
顶部