GBlog wx

introduce

GBlog-wx: WeChat Mini Program Blog

We are just a porter that combines the color-ui style with the halo interface.

halo serves as the backend, and the mini program style uses color-ui components.

1. Display

2. Online experience

3. Description

This project uses halo as the backend and calls the halo interface. The applet style uses the color-ui component component.

4. Use

1. Backstage setup

Built using halo, please view the halo documentation for details: https://halo.run

2. Mini program import

• Pull code

  1. Method 1 (stable version)

     Click to select the latest version to download.

  2. Method 2 (development version)

     git clone [email protected]:fuzui/GBlog-wx.git

• Import tool

  Register a mini program account through the WeChat public platform, and after logging in, check the AppID in开发——开发设置;

  Download the WeChat Developer Tools, select小程序——导入项目, select the folder you just cloned and fill in your own AppID.

• Pull topic

  Method 1 (stable version)

  1. Click to select the latest version to download.
  2. Go to the backend->Appearance->Theme.
  3. Click the button on the lower right to choose to install the theme, and then choose to本地上传.
  4. Just select the downloaded theme package (zip).

  Method 2 (development version)

  1. Copy https://github.com/fuzui/halo-theme-gblogwx-config .
  2. Go to the backend->Appearance->Theme.
  3. Click the button on the lower right to choose to install the theme, and then select远程拉取.
  4. Paste the copied link to the remote address and click Download.

  Be careful not to enable it after pulling the theme, it is only used for configuration.

• Configuration

  Copy and rename the api-tmp.js file in miniprogram/config to api.js

  Modify api.js configuration as follows:

   const ApiBaseUrl = ''
  const Config = {
    AccessKey : '' , // 接口key，必填
    cloudEnv : '' , // 云环境ID
    themeSettingsCache : true
  }

  1. ApiBaseUrl is the halo backend address. It must be a domain name when going online. In the developer tools, you can click右上角详情——本地设置and check Do not verify legal domain names.

  2. AccessKey is the AccessKey of halo api. Enter the halo backend management system, and in系统——博客设置——高级选项——API设置, enable the API service and set the Access key. Fill in this Access key into the corresponding location in the above js file.

  3. cloudEnv is the cloud environment ID, which needs to be filled in when enabling poster sharing, comment filtering, and password-free login functions.

  4. themeSettingsCache is the theme configuration whether to enable caching. It is enabled by default. It can be changed to false at the beginning to facilitate theme debugging.

• Configure legal domain name

  In the WeChat public platform, add request, uploadFile, and downloadFile legal domain names in开发——开发设置——服务器域名. Add the above ApiBaseUrl domain name to the request legal domain name, such as www.geekera.com .

• Set minimum basic library version requirements for mini programs

  In the WeChat public platform,设置- 基本设置- 基础库最低版本设置to configure and save it as version 2.10.4.

  Reason: "Instructions for Mini Program Login and User Information Related Interface Adjustments"

3. Advanced functions (optional)

• Poster sharing

  Enable article sharing poster function

• Sensitive word filtering

  Filtering of sensitive words in comments and messages

• Password-free login

  Backend password-free login

For more features, please refer to theme settings.

5. Structure

 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

6. Function

Browse page functions:

• Article browsing, comments, likes, search
• Article classification, tags, archiving
• light and shadow photos
• journal
• message
• Friendly links
• Site statistics
• Article sharing poster
• Custom random graph
• Sensitive word filtering

Management page functions:

• Backstage login, two-step login, password-free login
• Site information
• Modification of personal information
• View server information
• Blog settings browse
• Friendly chain management
• Diary management
• Article/category/tag management
• Attachment upload, gallery management
• Comment review and reply
• Theme switching, menu editing

development plan

Change log

7. Acknowledgments

• halo is an excellent open source blog publishing application
• ColorUI is a small program component library with bright and highly saturated colors that focuses on vision.
• mp-html applet rich text component, supports rendering and editing html, supports use on WeChat, QQ, Baidu, Alipay, Toutiao and uni-app platforms
• The Painter applet generates a picture library, and you can easily draw a picture through json that can be sent to your circle of friends.
• qs A querystring parser with nesting support

8. Contact

If you find any bugs or have any interface suggestions or comments,

Issues are welcome. Of course, you can also directly click "Contact Me" or "Feedback" or "Leave a Message" in the About column of the mini program, or