1 Unstar Star 0 Fork 36

ixppq / GBlog-wxJavaScriptGPL-3.0

forked from GeekEra / GBlog-wx 
Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
微信小程序博客,使用halo做后台。 spread retract

https://www.geekera.cn

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

介绍

GBlog-wx:微信小程序博客

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

一、展示

展示图

二、在线体验

qrcode

三、说明

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

四、使用

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,
      html2wxmlUrl: 'https://html2wxml.qwqoffice.com/api/',
    }

    1.ApiBaseUrl为halo后台地址,上线必须为域名,在开发者工具中可点击右上角详情——本地设置,将不校验合法域名打勾。

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

    123

    3.html2wxmlUrl为html2wxml组件qwqoffice提供的解析服务api。也可以自行参考html2wxml搭建组件解析服务,这时将其html2wxmlUrl改为自己的api即可。(使用默认无需修改)

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

  • 配置合法域名

    微信公众平台中,开发——开发设置——服务器域名中添加request合法域名,将上述ApiBaseUrlhtml2wxmlUrl域名添加进去,例如www.geekera.comhtml2wxml.qwqoffice.com。(在开发者工具中可勾选不校验合法域名运行)

五、结构

GBLOG-WX     
├── colorui            // color-ui组件库 
├── component           // 自定义组件
│       └── article-list                  // 文章列表
│       └── html2wxml-component           // html2wxml组件
├── config 				// 配置文件
├── images      		// 图片
├── pages   			// 页面代码
├── utils      			// 公用js

六、功能

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

七、致谢

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

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

  • html2wxml 用于微信小程序的HTML和Markdown格式的富文本渲染组件

  • Hux Blog的背景图

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/ixppq/GBlog-wx.git
git@gitee.com:ixppq/GBlog-wx.git
ixppq
GBlog-wx
GBlog-wx
master

Search

131423 f1aaba0b 1899542 094922 1c74bed3 1899542