Descargar GBlog wx - Descarga del código fuente GBlog wx

GBlog wx

Código Fuente de IA

1.0.0

Descargar

introducir

GBlog-wx: blog del mini programa WeChat

Somos solo un portero que combina el estilo color-ui con la interfaz halo.

halo sirve como backend y el estilo del mini programa utiliza componentes de interfaz de usuario de color.

1. Mostrar

2. Experiencia en línea

3. Descripción

Este proyecto utiliza halo como backend y llama a la interfaz de halo. El estilo del subprograma utiliza el componente color-ui.

4. uso

1. Configuración detrás del escenario

Construido con halo, consulte la documentación de halo para obtener más detalles: https://halo.run

2. Importación de mini programas

código de extracción
1. Método 1 (versión estable)
  Haga clic para seleccionar la última versión para descargar.
2. Método 2 (versión de desarrollo)
```
git clone [email protected]:fuzui/GBlog-wx.git
```
Herramienta de importación
Registre una cuenta del mini programa a través de la plataforma pública WeChat y, después de iniciar sesión, verifique el AppID en开发——开发设置;
Descargue las herramientas para desarrolladores de WeChat, seleccione小程序——导入项目, seleccione la carpeta que acaba de clonar y complete su propio AppID.
Sacar tema
Método 1 (versión estable)
1. Haga clic para seleccionar la última versión para descargar.
2. Vaya al backend->Apariencia->Tema.
3. Haga clic en el botón en la parte inferior derecha para elegir instalar el tema y luego elija本地上传.
4. Simplemente seleccione el paquete de temas descargado (zip).
Método 2 (versión de desarrollo)
1. Copie https://github.com/fuzui/halo-theme-gblogwx-config .
2. Vaya al backend->Apariencia->Tema.
3. Haga clic en el botón en la parte inferior derecha para seleccionar el tema instalado y luego seleccione远程拉取.
4. Pegue el enlace copiado en la dirección remota y haga clic en Descargar.
Tenga cuidado de no habilitarlo después de extraer el tema, solo se usa para configuración.
Configuración
Copie y cambie el nombre del archivo api-tmp.js en miniprogram/config a api.js
Modifique la configuración api.js de la siguiente manera:
```
 const ApiBaseUrl = ''
const Config = {
  AccessKey : '' , // 接口key，必填
  cloudEnv : '' , // 云环境ID
  themeSettingsCache : true
}
```
1. ApiBaseUrl es la dirección de backend de halo. Debe ser un nombre de dominio cuando se conecte. En las herramientas de desarrollador, puede hacer clic en右上角详情——本地设置y marcar No verificar nombres de dominio legales.
2. AccessKey es la AccessKey de halo api. Ingrese al sistema de administración de backend de halo y en系统——博客设置——高级选项——API设置, habilite el servicio API y configure la clave de acceso. Complete esta clave de acceso en la ubicación correspondiente en el archivo js anterior.
1. cloudEnv es el ID del entorno de la nube, que debe completarse al habilitar las funciones de compartir carteles, filtrar comentarios e iniciar sesión sin contraseña.
2. themeSettingsCache es la configuración del tema para habilitar el almacenamiento en caché. Está habilitado de forma predeterminada. Se puede cambiar a false al principio para facilitar la depuración del tema.
Configurar nombre de dominio legal
En la plataforma pública WeChat, agregue los nombres de dominio legales de solicitud, carga de archivos y descarga de archivos en开发——开发设置——服务器域名. Agregue el nombre de dominio ApiBaseUrl anterior al nombre de dominio legal solicitado, como www.geekera.com .
Establecer requisitos mínimos de versión de biblioteca básica para mini programas
En la plataforma pública WeChat,设置- 基本设置- 基础库最低版本设置para configurarla y guardarla como versión 2.10.4.
Motivo: "Instrucciones para el inicio de sesión del miniprograma y ajustes de interfaz relacionados con la información del usuario"

3. Funciones avanzadas (opcional)

Compartir carteles
Habilitar la función de póster para compartir artículos
Filtrado de palabras sensibles
Filtrado de palabras sensibles en comentarios y mensajes.
Inicio de sesión sin contraseña
Inicio de sesión sin contraseña en el backend

Para obtener más funciones, consulte la configuración del tema.

5. Estructura

 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. Función

Funciones de la página de exploración:

Exploración de artículos, comentarios, me gusta, búsqueda.
Clasificación de artículos, etiquetas, archivo.
fotos de luces y sombras
diario
mensaje
Enlaces amigables
Estadísticas del sitio
Póster para compartir artículos.
Gráfico aleatorio personalizado
Filtrado de palabras sensibles

Funciones de la página de gestión:

Inicio de sesión entre bastidores, inicio de sesión en dos pasos, inicio de sesión sin contraseña
Información del sitio
Modificación de datos personales
Ver información del servidor
Explorar la configuración del blog
Gestión amigable de la cadena
Gestión de agenda
Gestión de artículos/categorías/etiquetas
Carga de archivos adjuntos, gestión de galería.
Revisión de comentarios y respuesta.
Cambio de tema, edición de menú

plan de desarrollo
Registro de cambios

7. Agradecimientos

halo es una excelente aplicación de publicación de blogs de código abierto
ColorUI es una pequeña biblioteca de componentes de programa con colores brillantes y muy saturados que se centra en la visión.
Componente de texto enriquecido del subprograma mp-html, admite renderizado y edición de html, admite el uso en plataformas WeChat, QQ, Baidu, Alipay, Toutiao y uni-app
El subprograma Painter genera una biblioteca de imágenes y usted puede dibujar fácilmente una imagen a través de json y enviarla a su círculo de amigos.
qs Un analizador de cadenas de consulta con soporte de anidamiento