GBlog-wx 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
GBlog-wx 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
GBlog-wx 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
GBlog-wx 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
GBlog-wx 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 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: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

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 指数为
超过 的项目

评论 (2)

加载中
可以直接拿去用吗?大佬
2020/07/01 11:41
回复
举报
极客时代软件作者
可以鸭
2020/07/03 17:04
回复
举报
更多评论
暂无内容
2019/10/01 23:13

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

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

0
0
发表了博客
2016/09/02 11:52

WX

https://open.weixin.qq.com/ 基本信息 应用名称 请注意,名称将在微信分享、微信收藏、微信登录、微信支付等操作时被用户看到,需在2到20个字节之间,一个中文占两个字节,一个月只能修改1次。 英文名称(选填) 显示在英文版微信中的名称 应用简介 最多80字 英文简介(选填) 最多80字 应用图片 1.请上传应用水印图片 28*28像素,仅支持PNG格式,大小不超过300KB。 2.请上传应用高清图片 108*108像素,仅支持PNG格式,大小不超过3...

0
0
发表了博客
2018/11/14 18:44

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

wx:for 一维数组情况: 在页面上 view wx:for ="{{list}}" {{item.id}} view 是循环list item是List的别名 多维数组情况: view wx:for ="{{parent_list}}" {{item.id}}   view wx:for ="{{item.childlist}}" wx:for-item="items"     {{item.id}}   view view items是子List的别名。子Lsit是 item.childlist 总结: wx:for 是循环list wx:for = "{{list}}"换成wx:for-items="{{list}}" 结果是一样 的 也就是 wx:for等价...

0
0
发表了博客
2018/02/23 15:41

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

<view class='Mall_title'> <block wx:for="{{mall_title_object}}" wx:key="{{index}}"> <view class="h_item {{num==index?'current':''}}" catchtap='switchTab' data-index="{{index}}"> <text>{{item}}</text> <view class='b_line'></view> </view> </block> </view> <view wx:if="{{curIndex==1}}" class='con_bottom'> <block wx:for="{{class_object}}" wx:ke...

0
0
发表了博客
2018/07/02 06:27

wx 小程序

1.首先我们拿到一个新的框架(我感觉wx小程序和框架差不多),先分析里面的东西 例如这个微信小程序 我们先看下面的四个文件[图片上传失败...(image-b7995a-1530512606769)] 接下来我们分析文件 图片1.png ①app.js 这里面是存放了用户数据信息 ②app.json 先看到pages 这里面是存放了配置文件 第一个默认为首页 window 里面存放了title标题 有颜色和样式等等 ③app.wxss 这里面就是存放了一些样式 可以把它看做一个css文件 ④pro...

0
0
发表了博客
2019/12/27 08:02

WX Robot

https://github.com/TonyChen56/WeChatRobot https://blog.csdn.net/github_33226586/article/details/50717089 微信web协议分析和实现微信机器人(微信网页版 wx2.qq.com) 1.打开首页,分配一个随机uuid, 2.根据该uuid获取二维码图片。 3.微信客户端扫描该图片,在客户端确认登录。 4.浏览器不停的调用一个接口,如果返回登录成功,则调用登录接口 5.此时可以获取联系人列表,可以发送消息。然后不断调用同步接口。 6.如果同...

0
0
发表了博客
2018/04/25 11:22

wx小程序

Showloading如果没有关闭就在进入下一个下面,比如吧关闭showloading的代码写在跳转成功之后,下一个页面的第一个showloading可能会失效。 当showToast或者showModal与hideLoading要同时出现在同一块代码里时,应该让hideloading放在前面。 setData,是在本轮事件循环的末尾执行,总是晚于本轮循环的同步任务。结合bindblur来使用时,效果就是在input有焦点的时候,点击按钮A并触发A事件。先执行A事件里的同步事件。A事件里的S...

0
0
发表了博客
2018/06/10 16:41

wx:Textctrl

import wx class Mywin(wx.Frame): def __init__(self, parent, title): super(Mywin, self).__init__(parent, title = title,size = (350,250)) panel = wx.Panel(self) vbox = wx.BoxSizer(wx.VERTICAL) hbox1 = wx.BoxSizer(wx.HORIZONTAL) l1 = wx.StaticText(panel, -1, "文本域") hbox1.Add(l1, 1, wx.EXPAND|wx.ALIGN_LEFT|w...

0
0
发表了博客
2018/06/14 17:47

列表渲染(wx:for)

列表渲染 WXML中 wx:for 控制属性绑定一个数组(从逻辑层.js传过来的数组或者对象),使用数组中各项数据重复渲染该组件。 默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item 如果要指定当前数组的变量名:wx:for-item 指定数组的当前下标的变量名:wx:for-index wx:for 也可以嵌套,如下九九乘法表 Block 除了在view中使用wx:for,也可以在<block/>中使用,渲染一个包含多个节点的结构块。 wx:key wx:key=...

0
0
发表了博客
2019/10/12 17:01

wx小程序 createRewardedVideoAd

onLoad  加载模块   this.videoAdCreat() onUnload  销毁模块   this.videoAd.destroy() *********************************************** 注意点:      01 视频加载失败 1004 无合适广告   02 非法退出 物理返回     a. cant invoke show() while other video-ad is showed     b.操作:观看完毕-非法退出-再进页面-再次退出-再次近页面      导致:直接走了观看成功方法     解决:进行销毁...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
2 评论
13 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部