GBlog wx

introduire

GBlog-wx : Blog du mini-programme WeChat

Nous sommes juste un porteur qui combine le style color-ui avec l'interface halo.

halo sert de backend et le style de mini-programme utilise des composants color-ui.

1. Affichage

2. Expérience en ligne

3. Description

Ce projet utilise Halo comme backend et appelle l'interface Halo. Le style d'applet utilise le composant color-ui.

4. Utiliser

1. Configuration des coulisses

Construit à l'aide de Halo, veuillez consulter la documentation de Halo pour plus de détails : https://halo.run

2. Importation de mini-programmes

• Tirer le code

  1. Méthode 1 (version stable)

     Cliquez pour sélectionner la dernière version à télécharger.

  2. Méthode 2 (version de développement)

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

• Outil d'importation

  Enregistrez un mini compte de programme via la plateforme publique WeChat et après vous être connecté, vérifiez l'AppID dans开发——开发设置;

  Téléchargez les outils de développement WeChat, sélectionnez小程序——导入项目, sélectionnez le dossier que vous venez de cloner et remplissez votre propre AppID.

• Tirer le sujet

  Méthode 1 (version stable)

  1. Cliquez pour sélectionner la dernière version à télécharger.
  2. Accédez au backend->Apparence->Thème.
  3. Cliquez sur le bouton en bas à droite pour choisir d'installer le thème, puis choisissez de本地上传.
  4. Sélectionnez simplement le package de thème téléchargé (zip).

  Méthode 2 (version de développement)

  1. Copiez https://github.com/fuzui/halo-theme-gblogwx-config .
  2. Accédez au backend->Apparence->Thème.
  3. Cliquez sur le bouton en bas à droite pour choisir d'installer le thème, puis sélectionnez远程拉取.
  4. Collez le lien copié vers l'adresse distante et cliquez sur Télécharger.

  Attention à ne pas l'activer après avoir extrait le thème, il ne sert qu'à la configuration.

• Configuration

  Copiez et renommez le fichier api-tmp.js dans miniprogram/config en api.js

  Modifiez la configuration api.js comme suit :

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

  1. ApiBaseUrl est l'adresse du backend Halo. Il doit s'agir d'un nom de domaine lors de la connexion en ligne. Dans les outils de développement, vous pouvez cliquer sur右上角详情——本地设置et cocher Ne pas vérifier les noms de domaine légaux.

  2. AccessKey est la clé d'accès de l'API Halo. Entrez dans le système de gestion backend Halo et dans系统——博客设置——高级选项——API设置, activez le service API et définissez la clé d'accès. Remplissez cette clé d'accès à l'emplacement correspondant dans le fichier js ci-dessus.

  3. cloudEnv est l'ID de l'environnement cloud, qui doit être renseigné lors de l'activation du partage d'affiches, du filtrage des commentaires et des fonctions de connexion sans mot de passe.

  4. themeSettingsCache est la configuration du thème pour activer ou non la mise en cache. Elle est activée par défaut. Elle peut être modifiée sur false au début pour faciliter le débogage du thème.

• Configurer le nom de domaine légal

  Sur la plateforme publique WeChat, ajoutez les noms de domaine légaux request, uploadFile et downloadFile dans开发——开发设置——服务器域名. Ajoutez le nom de domaine ApiBaseUrl ci-dessus au nom de domaine légal de la demande, tel que www.geekera.com .

• Définir les exigences minimales de version de base de la bibliothèque pour les mini-programmes

  Sur la plateforme publique WeChat,设置- 基本设置- 基础库最低版本设置pour la configurer et l'enregistrer sous la version 2.10.4.

  Raison : « Instructions pour la connexion au mini-programme et les ajustements de l'interface liés aux informations utilisateur »

3. Fonctions avancées (en option)

• Partage d'affiches

  Activer la fonction d'affiche de partage d'articles

• Filtrage des mots sensibles

  Filtrage des mots sensibles dans les commentaires et messages

• Connexion sans mot de passe

  Connexion back-end sans mot de passe

Pour plus de fonctionnalités, veuillez vous référer aux paramètres du thème.

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. Fonction

Fonctions de la page Parcourir :

• Navigation dans les articles, commentaires, likes, recherche
• Classement des articles, tags, archivage
• photos de lumière et d'ombre
• journal
• message
• Liens amicaux
• Statistiques du site
• Affiche de partage d'articles
• Graphique aléatoire personnalisé
• Filtrage des mots sensibles

Fonctions de la page de gestion :

• Connexion en coulisses, connexion en deux étapes, connexion sans mot de passe
• Informations sur les sites
• Modification des informations personnelles
• Afficher les informations sur le serveur
• Parcourir les paramètres du blog
• Gestion conviviale de la chaîne
• Gestion de l'agenda
• Gestion des articles/catégories/tags
• Téléchargement de pièces jointes, gestion de galerie
• Examen des commentaires et réponse
• Changement de thème, édition de menu

plan de développement

Journal des modifications

7. Remerciements

• halo est une excellente application de publication de blogs open source
• ColorUI est une petite bibliothèque de composants de programme avec des couleurs vives et hautement saturées qui se concentrent sur la vision.
• Composant de texte enrichi d'applet mp-html, prend en charge le rendu et l'édition HTML, prend en charge l'utilisation sur les plateformes WeChat, QQ, Baidu, Alipay, Toutiao et uni-app
• L'applet Painter génère une bibliothèque d'images et vous pouvez facilement dessiner une image via json qui peut être envoyée à votre cercle d'amis.
• qs Un analyseur de chaîne de requête avec prise en charge de l'imbrication

8. Contacter

Si vous trouvez des bugs ou avez des suggestions ou des commentaires sur l'interface,

Les problèmes sont les bienvenus. Bien sûr, vous pouvez également cliquer directement sur « Contactez-moi » ou « Commentaires » ou « Laisser un message » dans la colonne À propos du mini-programme, ou